Jquery append() 未按预期追加

Question

所以我有以下 div

<div id="object_list">

我想在其中 append 一个列表和项目。所以我运行以下 jquery

       $("#object_list").empty();
       $("#object_list").append('<ul');
       $("#object_list").append(list.contents());
       $("#object_list").append('</ul>');

代码运行后，#object_list 看起来像这样

<div id="object_list">
  <ul></ul>
  ...list.contents() elements
</div>

即使在调试之后，如果我再做一次 $("#object_list").append('<ul>');我得到的只是添加了<ul> </ul>之后。为什么 jquery 不在 list.contents() 之后 append 到 html，而是在它之前 append 到 html？

Answer 1

问题是，当您打算将项目 append 到列表本身时，您会不断 append 到“object_list”。 (顺便说一句，您也没有关闭 UL 实例化标签)

尝试这样的事情:

var $list = $("<ul></ul>");
$list.append("<li>Something 1</li>");
$list.append("<li>Something 2</li>");
$list.append("<li>Something 3</li>");

$("#object_list").append($list);