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

Question

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

Answer 1

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

Answer 2

更好的是，

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

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

---

供参考： http://api.jquery.com/jQuery.each/ 。