Question

我正在尝试创建一个ul＆gt; li动态地在jquery中。

我有这些数据：

var nodeDataArray = [{
    key: 0,
    name: "George V"
}, {
    key: 1,
    parent: 0,
    name: "Edward VIII"
}, {
    key: 2,
    parent: 0,
    name: "George VI"
}, {
    key: 7,
    parent: 2,
    name: "Elizabeth II"
}];

我的HTML结构如下：

<ul>
    <li>List 1
        <ul>
             <li>Sub List 1</li>
             <li>Sub List 2</li>
             <li>Sub List 3
                 <ul>
                     <li>Sub Sub List 1</li>
                     <li>Sub Sub List 2</li>
                     <li>Sub Sub List 3</li>
                     <li>Sub Sub List 4</li>
                 </ul>
             </li>
        </ul>
    </li>
    <li>List 1</li>
    <li>List 1</li>
</ul>

有数以千计的Ul＆gt;我想创造的李。我想要一些动态的方式，比如数组或循环来创建这些类型的列表。

请帮忙。

先谢谢

Answer 1

如果你能告诉你如何获得有用的动态数据。更好的方法是使用模板引擎。否则，您可以使用以下jquery方法来构建html。

var output = [];
$.each(data, function(index,value){ // offcourse the data comes dynamically
    output.push("<ul><li>+value+</li></ul>"); 
});

$("#somediv").html(output.join(""));

这不是一个具体的结果，但会让你头脑清醒。

在Jquery中使用数组动态创建ul li

1 个答案: