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'");缺少＆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>");
}

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

列表项不会出现在UI中

2 个答案: