列表项不会出现在UI中

时间:2013-09-13 19:19:41

标签: javascript jquery html-lists

这是我的代码:

$("#showing").append("<ul id='vrijemeObjava'");
for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $("#showing").append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}
$("#showing").append("</ul>");

这是在FB.api调用中进行的。 “App.vrijemeObjavljivanja是一个日期数组,我想把它放在ul中。数组放在<li></li>但不放在<ul>中。

最终结果如下所示。

<ul id='vrijemeObjava'></ul>
<li>...</li>
<li>...</li>
<li>...</li>

有人可以告诉我为什么列表项目会出现在</ul>之后。

2 个答案:

答案 0 :(得分:4)

试试这个:

$("#showing").append("<ul id='vrijemeObjava'></ul>");
for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $("#vrijemeObjava").append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}

(在您的例子中,您的ul开放标记未正确构建.append("<ul id='vrijemeObjava'");缺少&gt;

更好的版本,将ul存储在变量中:

$ul = $('<ul/>', {id : 'vrijemeObjava'}).appendTo("#showing");
for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $ul.append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}

答案 1 :(得分:2)

附加时,附加整个元素(开始和结束标记)。试试这个:

$ul = $("<ul id='vrijemeObjava'></ul>");

for(i=0;i<App.vrijemeObjavljivanja.length;i++) {
    $ul.append("<li><strong>" + App.vrijemeObjavljivanja[i] + "</strong></li>");
}

$("#showing").append($ul);