列表项不显示在 Ul 中

List items don't appear in Ul

本文关键字：Ul 显示 列表      更新时间：2023-09-26

这是我的代码： 

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

试试这个：

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

（在您的示例中，您的UL Open标签未正确构建.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>");
}

追加时，将追加整个元素（开始和结束标记）。试试这个：

$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);
相关文章：