jQuery append () - retorna elementos anexados

Estou usando o jQuery.append () para adicionar alguns elementos dinamicamente. Existe alguma maneira de obter uma coleção ou matriz jQuery desses elementos recém-inseridos?

Então, eu quero fazer isso:

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

Existe uma maneira mais simples de fazer isso:

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

Isso muda tudo, primeiro criando newHtmlcom jQuery(html [, ownerDocument ])e, em seguida, usando appendTo(target)(observe o Tobit " ") para adicioná-lo ao final de #mydiv.

Porque agora você começa com $(newHtml)o resultado final de appendTo('#myDiv')é esse novo bit de html, e a .effects(...)chamada também será nesse novo bit de html.

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

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

Um pequeno lembrete , quando os elementos são adicionados dinamicamente, funções como append(), appendTo(), prepend()ou prependTo()retornar um objeto jQuery, não o 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]"

Eu acho que você poderia fazer algo assim:

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

O pai #parentId é retornado do anexo, portanto, adicione uma consulta filho jquery a ele para obter o último filho div inserido.

$ child é então o div filho derivado de jquery que foi adicionado.