繁体   English   中英

从数组获取对象名称并创建无序列表

[英]Get object names from an array and create an unordered list

var Data = [
    {"Částí historky" : [
        {"NSP" : "Ně sítí potažmo"},
        {"PNK" : "Pólu nutné klimatu"}
    ]},
    {"Fyzika ně" : [
        {"SZK" : "Sněžná z křížení"},
        {"ZZS" : "Z základna softwarové"}
    ]},
    {"Zájmem franků" : [
        {"RTD" : "Rodinu tito duchu"},
        {"KVV" : "Končetin ve vesmíru"}
    ]}
];

for (var i=0; i<Data.length; i++) {
    $("#dynamicLoad").append("<ul><li>" + Data[i] + "</li></ul>");
}

的jsfiddle

我有一个数组,我想获取键名并使用它们创建一个无序列表,以创建最终结果,如下所示:

<div id="dynamicLoad">

<ul>
  <li><input type="checkbox" name="" value="Částí historky">Částí historky</li>
    <ul>
      <li><input type="checkbox" name="" value="NSP">Ně sítí potažmo</li>
      <li><input type="checkbox" name="" value="PNK">Pólu nutné klimatu</li>
    </ul>
</ul>

<ul>
  <li><input type="checkbox" name="" value="Fyzika ně">Fyzika ně</li>
    <ul>
      <li><input type="checkbox" name="" value="SZK">Sněžná z křížení</li>
      <li><input type="checkbox" name="" value="ZZS">Z základna softwarové</li>
    </ul>
</ul>

<ul>
  <li><input type="checkbox" name="" value="Zájmem franků">Zájmem franků</li>
    <ul>
      <li><input type="checkbox" name="" value="RTD">Rodinu tito duchu</li>
      <li><input type="checkbox" name="" value="KVV">Končetin ve vesmíru</li>
    </ul>
</ul>

</div>

也许看看数据的结构。 您将需要做很多工作才能优雅地处理它。 尝试这个:

var Data = [
    {"Částí historky" : [
        {"NSP" : "Ně sítí potažmo"},
        {"PNK" : "Pólu nutné klimatu"}
    ]},
    {"Fyzika ně" : [
        {"SZK" : "Sněžná z křížení"},
        {"ZZS" : "Z základna softwarové"}
    ]},
    {"Zájmem franků" : [
        {"RTD" : "Rodinu tito duchu"},
        {"KVV" : "Končetin ve vesmíru"}
    ]}
];
var keys = [];
for (var i in Data) {
    for (var k in Data[i]) {
        keys.push(k);
    }
}
for(var k in keys) {
   $("#dynamicLoad").append("<ul><li>" + keys[k] + "</li></ul>"); 
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM