jQuery append () - eklenen öğeleri döndürür

Dinamik olarak bazı öğeleri eklemek için jQuery.append () kullanıyorum . Bu yeni eklenen öğelerin jQuery koleksiyonu veya dizisi almanın herhangi bir yolu var mı?

Bunu yapmak istiyorum:

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

Bunu yapmanın daha basit bir yolu var:

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

İlk oluşturarak etrafında bu dönüşler şeyler newHtmlile jQuery(html [, ownerDocument ])ve daha sonra kullanarak appendTo(target)( "not Tosonuna öyle eklemek için" bit) #mydiv.

Şimdi Çünkü başlangıç ile $(newHtml)bitiş sonucu appendTo('#myDiv')html o yeni bit ve .effects(...)çağrı o olacak yeni çok html bit.

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

Küçük bir hatırlatma elemanları dinamik eklendiğinde, işlevleri gibi append(), appendTo(), prepend()ya da prependTo()bir jQuery nesnesi değil, HTML DOM elemanı döndürür.

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

Bence böyle bir şey yapabilirsiniz:

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

#ParentId üst öğesi ekten döndürülür, bu nedenle son div alt öğesini eklemek için bir jquery children sorgusu ekleyin.

$ child sonra eklenen jquery kaydırılan alt div olur.