jQuery append () - คืนองค์ประกอบที่ต่อท้าย

ฉันใช้jQuery.append ()เพื่อเพิ่มองค์ประกอบบางอย่างแบบไดนามิก มีวิธีใดที่จะได้รับ jQuery collection หรือ array ขององค์ประกอบที่แทรกใหม่เหล่านี้หรือไม่?

ดังนั้นฉันต้องการทำสิ่งนี้:

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

มีวิธีที่ง่ายกว่าในการทำสิ่งนี้:

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

สิ่งนี้จะเปลี่ยนสิ่งต่าง ๆ โดยการสร้างครั้งแรกnewHtmlด้วยjQuery(html [, ownerDocument ])แล้วใช้appendTo(target)(สังเกตToบิต "") เพื่อเพิ่มเข้าไปในส่วนท้าย#mydivเพื่อเพิ่มว่ามันถึงจุดสิ้นสุดของ

เนื่องจากตอนนี้คุณเริ่มต้นด้วย$(newHtml)ผลลัพธ์สุดท้ายappendTo('#myDiv')คือ html บิตใหม่และการ.effects(...)โทรจะอยู่ใน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);

เตือนเล็ก ๆ น้อย ๆเมื่อองค์ประกอบแบบไดนามิกเพิ่มฟังก์ชั่นชอบappend(), appendTo(), prepend()หรือprependTo()ส่งคืนวัตถุ jQuery ไม่องค์ประกอบ HTML DOM

การสาธิต

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

ฉันคิดว่าคุณสามารถทำสิ่งนี้:

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

parent #parentId ถูกส่งคืนจากการผนวกดังนั้นเพิ่มเคียวรี jquery children เข้ากับมันเพื่อให้แทรกลูก div ล่าสุด

$ child เป็น div div ที่ jquery ซึ่งถูกเพิ่ม