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>");
}

Answer 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);