JSON数据通过jQuery遍历HTML页面

Question

我有这样的服务器返回的JSON数据

[
  ["标签名", 
    ["标题", "标题", "标题"],
    ["内容", "内容","内容"]
  ],
  ["标签名", 
    ["标题", "标题", "标题"],
    ["内容", "内容","内容"]
  ]
]

我需要把这个JSON 遍历这样HMTL

 <ul class="myulls">
                     <li>
                                    <h3>标签名</h3>
                                    <dl>
                                        <dt>
                                            <span>标题</span>
                                            <span>标题</span>
                                            <span>标题</span>
                                        </dt>
                                        <dd>
                                            <span>内容</span>
                                            <span>内容</span>
                                            <span>内容</span>
                                        </dd>
                                    </dl>
                      </li>
</ul>

请大家帮忙 我两三天搞也搞不懂 。

Answer 1

写了一个简陋的整理数据的代码，把数据整理成这样以后就是遍历数组，然后生成元素、向页面添加元素（

js创建元素并添加的几种方法_胡图图不糊涂的博客-CSDN博客 一、js原始代码的方法和属性1、appendChild（）和createElement（）var tab=document.querySelector('#container');var p=document.createElement('p'); //p标签 tab.appendChild(p); //添加到最后面只能创建标签，不能添加里面的内... https://blog.csdn.net/weixin_45969777/article/details/104856207

）

推荐你用VUE呀，用起来很方便，只需要处理数据就好了，不同使用JS创建、添加元素这些代码了