插入Div到DIV與jQuery

Question

問題：

我想插入內容元素的最後一個孩子。要重現我想要什麼，我創造了這個小提琴： http://jsfiddle.net/lexhartman/zx0r8mnu/2/

我使用jQuery的代碼，如下：

jQuery(document).ready(function() { 
    var $collectionHolder = $('div.collectionholder'); 

    var $innerDivOne = $('<li><p>TEST 1 also has to be green</p></li>'); 
    var $innerDivTwo = $('<li><p>TEST 2 also has to be green</p></li>'); 
    var $outerDivChunk = $('<div class=parentdiv><div class="subdiv"><ul class="ul-list"></ul></div></div>').append($innerDivOne).append($innerDivTwo); 

    $collectionHolder.append($outerDivChunk); 

}); 

可是......就待被追加到div，不div內的ul。

目標：

我想要實現的是，這兩個innerdiv的（李的無類名）被插入到「UL」分區（與類名：UL-列表）。

嘗試：

的outerdiv變量保持不變（我知道，當outerdiv不僅具有「UL」它的工作原理，但在我的代碼，這將帶來很多其他頭痛的我不會打擾你..：D）。

我猜我會需要一個其他函數然後追加，但哪一個或者我可以使用以另一種方式追加，然後我現在正在做？

謝謝！

Answer 1

lis正在追加div，而不是div內的ul。你需要選擇ul。

var $outerDivChunk = $('<div class=parentdiv><div class="subdiv"><ul class="ul-list"></ul></div></div>'); 
outerDivChunk.find("ul").append($innerDivOne).append($innerDivTwo);