jquery - 运行时创建动态元素

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>