jQuery append() - trả về các phần tử được nối thêm

Question

Tôi đang sử dụng jQuery.append() để thêm một số yếu tố động. Có cách nào để có được một bộ sưu tập jQuery hoặc mảng của các yếu tố mới được chèn vào này?

Vì vậy, tôi muốn làm điều này:

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

Answer 1

Có một cách đơn giản hơn để làm điều này:

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

này biến những thứ xung quanh bằng cách đầu tiên tạo newHtml với jQuery(html [, ownerDocument ]), và sau đó sử dụng appendTo(target) (lưu ý "To" bit) để thêm nó vào cuối #mydiv.

Bởi vì bây giờ bạn bắt đầu với $(newHtml) kết quả cuối cùng của appendTo('#myDiv') là bit mới của html và .effects(...) cuộc gọi sẽ được rằng mới chút html quá.

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

Một lời nhắc nhở chút, khi yếu tố được thêm tự động, các chức năng như append(), appendTo(), prepend() hoặc prependTo() trả về một đối tượng jQuery, không phải là phần tử 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

Tôi nghĩ rằng bạn có thể làm một cái gì đó như thế này:

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

CáC#parentId mẹ được trả về từ các append, vì vậy thêm một truy vấn con jquery với nó để có được cuối cùng div con chèn vào.

$ con sau đó là div con bọc jquery được thêm vào.