Einsatz div in div mit jquery

Question

Problem:

Ich möchte Inhalt als das letzte Kind eines Elements einzufügen. Zu reproduzieren, was ich will, ich diese Geige erstellt: http://jsfiddle.net/lexhartman/zx0r8mnu/2/

Der Jquery-Code ich verwende, ist die folgende:

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); 

}); 

Aber ... die lis werden an die div anhängt, nicht die ul innerhalb der div.

Ziel:

Was will ich erreichen, dass die beiden innerdiv des (li ohne Klassenname) in der "ul" div eingefügt werden (mit Klassenname: ul-Liste).

Versuche:

Die outerdiv Variable gleich bleiben (ich weiß, dass, wenn die outerdiv nur die „ul“ hat es funktioniert, aber in meinem Code, der eine Menge von anderen Kopfschmerzen bringen, die ich stört dich nicht mit ..: D).

Ich rate, ich brauche eine andere Funktion dann append, aber welche oder vielleicht kann ich append auf andere Weise verwenden, dann mache ich jetzt?

Danke!

Answer 1

Die Lis werden an das div angehängt, nicht an die ul innerhalb des div. Sie müssten die ul auswählen.

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