2011-03-15 75 views
6

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

+1

参考http://stackoverflow.com/questions/5048360/dynamically-creating-jquery-mobile-pages-using-jquery-templates和http://stackoverflow.com/questions/4039428/jquery-mobile-dynamically-创建表单元素 – Akshatha 2011-03-15 06:30:36

+0

你能建议一些其他的例子吗? – selladurai 2011-03-15 06:28:58

回答

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

在该列表中,我如何获得选定的值? – selladurai 2011-03-15 08:45:17

+0

在此列表中,没有“选定”值。这是一个只显示列表。如果您想要选择列表,请使用**选择**和**选项**而不是** ul **和** li **来构建它。 – 2014-03-23 19:40:49

15

更好的是,

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

哪里a为列表内容对象数组,i是由jQuery.each$.each)和v传递给回调函数的索引变量是值该指数。


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