Question

如何在运行时使用动态值创建<li>元素列表？

Answer 1

var array = [1,2,3,4]; //Array to iterate

var lis = $.map(array, function(n, i) {
    return '<li>'+ n +'</li>'; //You can add anything in your li 
});
 $('UL_SELECTOR').append(lis.join("\n")) //UL_SELECTOR means where you want to append

Answer 2

您正在寻找Knockout库。您需要创建一个模型并在运行时将模型绑定到HTML元素。它非常易于使用，并且有一个很好的在线教程。

使用MVVM模式这是一种干净的开发方式。

<ul data-bind="foreach: seats">
    <li data-bind="text: name"></li >
</ul>

动态<li>元素的运行时创建</li>

2 个答案: