根据JSON创建jquery标签

Question

编辑：我正在大规模更改问题，以反映我对问题的新理解。 我现在有一个可变长度的JSON文件{"CORE 1":"alfa", "CORE 2":"beta", ...}我想在其上生成一些（ https://jqueryui.com/ tabs / jquery）根据键名来命名标签，并使用这些值作为标签内容。

<div id="tabs_3">
      <ul  class="clicked">
        <li><a href="#tabs_3-1">CORE 1</a></li>
        <li><a href="#tabs_3-2">CORE 2</a></li>    
      </ul>

      <div id="tabs_3-1">      
        # alpha
</div>

      <div id="tabs_3-2">
        # beta
      </div>
                </div>

我该怎么办？

Answer 1

Java脚本

var data = [{"CORE":"tabs-1","title":"alfa"},{ "CORE":"tabs-2","title":"beta"},{"CORE":"tabs-3","title":"gamma"}];

var stringData = "";

for (var i = 0; i < data.length ; i++) {
  stringData += "<li><a href=#"+data[i]['CORE']+">"+data[i]['title']+"</a></li>"
}
console.log(stringData);
$(".list").append(stringData);

$( "#tabs" ).tabs();

和HTML是这样的

 <ul class="list">  </ul>
 <div id="tabs-1">...</div>
<div id="tabs-2">...</div>
<div id="tabs-3">...</div>

请注意，id属性等于json文件的CORE数据inse

Answer 2

我认为您必须更改对象的结构才能在jquery中动态添加标签，例如：this ----> {"CORE 1":"alfa", "CORE 2":"beta", ...}转换为-------- [{"CORE":"alfa"},{ "CORE":"beta"}, ...] ，您将使用for或所需的气泡访问数据。