如何动态创建HTML列表?

时间:2011-03-15 06:13:24

标签: javascript jquery html jquery-mobile

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

2 个答案:

答案 0 :(得分:16)

更好的是,

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

其中a是列表内容的对象数组,ijQuery.each$.each)和{{1}传递给回调函数的索引变量是该索引的值。


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

答案 1 :(得分:15)

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