在div中查找ul，然后使用jquery将li标签附加到该ul

Question

我想在div中找到ul元素，并使用jquery在该ul中附加li标签。 如下面的代码中给出的，id = select_name_chosen的父div，我想找到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元素附加到ul of class ='chosen-results'。

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

小提琴： https : //jsfiddle.net/fos2Lrab/

Answer 2

您的代码中有一些不必要的对jQuery对象的调用。

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

这是一个小提琴 。