如何在 HTML 中动态创建列表？答案

【问题标题】：How to create list in HTML dynamically?如何在 HTML 中动态创建列表？
【发布时间】：2011-03-15 06:13:23
【问题描述】：

在我的 jQuery 移动应用程序中，我想在列表中显示来自 Web 服务的结果。如何动态创建列表？

【问题讨论】：

【解决方案1】：

var arr = ["list", "items", "here"];
$("div").append("<ul></ul>");
for(var i in arr) {
    var li = "<li>";
    $("ul").append(li.concat(arr[i]))
}

【讨论】：

在那个列表中，我怎样才能得到选中的值？
在此列表中，没有“选定”值。这是一个仅显示的列表。如果您想要一个选择列表，请使用 select 和 option 而不是 ul 和 li 构建它。

【解决方案2】：

更好，

$.each(
    a ,
    function(i,v) {
        $("#target_id").append("<li>" + v + "</li>") ;
    }
) ;

其中a 是列表内容的对象数组，i 是jQuery.each ($.each) 传递给回调函数的索引变量，v 是该索引的值。

【讨论】：

我不会称之为“更好”；公认的答案是纯 JS，没有像 jQuery 这样的依赖项（随着 JavaScript 的不断成熟，对它的需求越来越少）。
@JeffDickey 首先，接受的答案也使用 jQuery（注意$("div").append(...)）。我也希望你意识到这篇文章是从 2011 年开始的，并且 OP 明确声明他正在使用 jQuery。只是说'：D