jQuery append() - restituisce elementi aggiunti

Question

Sto usando jQuery.append() per aggiungere alcuni elementi dinamicamente. C'è un modo per ottenere una collezione jQuery o una matrice di questi elementi appena inseriti?

Allora voglio fare questo:

$("#myDiv").append(newHtml); 
var newElementsAppended = // answer to the question I'm asking 
newElementsAppended.effects("highlight", {}, 2000); 

Answer 1

C'è un modo più semplice per fare questo:

$(newHtml).appendTo('#myDiv').effects(...); 

Questo trasforma le cose intorno creando prima newHtml con jQuery(html [, ownerDocument ]), e quindi utilizzando appendTo(target) (nota il bit "To") per aggiungerlo alla fine di #mydiv.

Perché tu ora iniziare con $(newHtml) il risultato finale di appendTo('#myDiv') è che le nuove po 'di html, e la chiamata .effects(...) sarà su quel nuova po' di html troppo.

Answer 2

var newElementsAppended = $(newHtml).appendTo("#myDiv"); 
newElementsAppended.effects("highlight", {}, 2000); 

Answer 3

// wrap it in jQuery, now it's a collection 
var $elements = $(someHTML); 

// append to the DOM 
$("#myDiv").append($elements); 

// do stuff, using the initial reference 
$elements.effects("highlight", {}, 2000); 

Answer 4

Un piccolo promemoria, quando gli elementi vengono aggiunti dinamicamente, funzioni come append(), appendTo(), prepend() o prependTo() restituiscono un oggetto jQuery, non l'elemento HTML DOM.

DEMO

var container=$("div.container").get(0), 
    htmlA="<div class=children>A</div>", 
    htmlB="<div class=children>B</div>"; 

// jQuery object 
alert($(container).append(htmlA)); // outputs "[object Object]" 

// HTML DOM element 
alert($(container).append(htmlB).get(0)); // outputs "[object HTMLDivElement]" 

Answer 5

Penso che si potrebbe fare qualcosa di simile:

var $child = $("#parentId").append("<div></div>").children("div:last-child"); 

Il #parentId padre viene restituito dal accodamento, in modo da aggiungere una query bambini jQuery ad essa per ottenere l'ultima div figlio inserito.

$ child è quindi il div bambino jquery che è stato aggiunto.