jQuery append () - retourne les éléments ajoutés

Question

J'utilise jQuery.append () pour ajouter des éléments dynamiquement. Est-il possible d'obtenir une collection jQuery ou un tableau de ces éléments nouvellement insérés?

Donc je veux faire ça:

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

Answer 1

Il existe un moyen plus simple de le faire:

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

Answer 2

// 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 3

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

Answer 4

Un petit rappel , lorsque des éléments sont ajoutés dynamiquement, fonctionne comme append() , appendTo() , prepend() ou prependTo() renvoie un objet jQuery, pas le Élément DOM HTML.

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]"