javascript - 列表项未出现在 Ul 中

Question

这是我的代码:

$("#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> 之后吗？ .

Answer 1

试试这个:

$("#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'"); 缺少 > )

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

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