在DIV中创建无序列表

时间:2009-05-20 07:19:29

标签: jquery

我有一个DIV。我想使用带有我的项目列表的jQuery在DIV中动态生成项目符号列表

for (cnt = 0; cnt < someList.length; cnt++) {
  someList[cnt].FirstName + ":" + someList[cnt].LastName + "<br/>"
  // what to write here?
}

3 个答案:

答案 0 :(得分:18)

让事情尽可能简单。使用现有的javascript,您只需要添加:

$('#myDiv').append("<ul id='newList'></ul>");
for (cnt = 0; cnt < someList.length; cnt++) {
  $("#newList").append("<li>"+someList[cnt].FirstName + ":" + someList[cnt].LastName+"</li>");
}

由于您的HTML已经有DIV:

<div id="myDiv"></div>

答案 1 :(得分:6)

脚本:

$(function(){
    someList = [ {FirstName: "Joe", LastName: "Smith"} ,
                 {FirstName: "Will", LastName: "Brown"} ]

    $("#target").append("<ul id='list'></ul>");
    $.each(someList, function(n, elem) {
       $("#list").append("<li>" + elem.FirstName + " : " + elem.LastName + "</li>");
    });
});

和html:

<div id="target" />

答案 2 :(得分:1)

哈克

var list = "<ul>"
for (cnt = 0; cnt < someList.length; cnt++) {
    list += "<li>" + someList[cnt].FirstName + ":" + someList[cnt].LastName + "</li>"
}
list += "</ul>";

没有正确创建dom对象的麻烦:)