javascript - 在 div 中查找 ul 并使用 jquery 将 li 标记附加到该 ul

Question

我想在 div 中找到 ul 元素，并使用 jquery 在该 ul 中附加 li 标签。如下代码中给出的父 div id=select_name_chosen，我想找到 ul class="chosen-results 并使用 jquery 在该 div 中附加 li。请帮助解决我的问题。这是我正在使用的 jquery 代码。

var parent = $("div#select_name_chosen");
var childUl = parent.children('.chosen-results');
childUl.append($("<li class='active-results' data-option-array-index='0'>name</li>"));



<div class="chosen-container chosen-container-multi chosen-with-drop chosen-container-active" style="width: 350px;" title="" id="select_name_chosen">
<ul class="chosen-choices">
<li class="search-field">
<input type="text" value="Select Subject" class="default" autocomplete="off" style="width: 110px;" tabindex="4">
</li>
</ul>
<div class="chosen-drop">
<ul class="chosen-results">   
</ul>
</div>
</div>

Answer 1

这应该有效，它将 li 元素附加到 class='chosen-results' 的 ul。

$("#select_name_chosen").find("ul[class='chosen-results']").append("<li class='active-results' data-option-array-index='0'>name</li>");

fiddle :https://jsfiddle.net/fos2Lrab/