JSONに基づいてjqueryタブを作成する

Question

EDIT：問題の新しい理解を反映するために質問を大幅に変更しています。私はいくつかの（https://jqueryui.com/tabs/ jquery）タブ名をキーに基づいて生成し、タブの内容の値を使用したい、可変長の{"CORE 1":"alfa", "CORE 2":"beta", ...}というJSONファイルを作成しました。

<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

Javascriptを

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は、id属性は、私が見JSONファイル

Answer 2

私はあなたが例えば動的jqueryの内側にタブを追加できるようにするには、オブジェクトの構造を変更することがあると思う：この---->{"CORE 1":"alfa", "CORE 2":"beta", ...}これに変換---->[{"CORE":"alfa"},{ "CORE":"beta"}, ...] し、データにアクセスしますあなたが望むどんな枝を使ってもかまいません。