我有一个DIV。我想使用带有我的项目列表的jQuery在DIV中动态生成项目符号列表
for (cnt = 0; cnt < someList.length; cnt++) {
someList[cnt].FirstName + ":" + someList[cnt].LastName + "<br/>"
// what to write here?
}
答案 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对象的麻烦:)