cách dễ dàng hơn để có được một đối tượng jQuery từ nối yếu tố

Question

Có một/cách nhanh hơn dễ dàng hơn để có được yếu tố thêm vào sử dụng jQuery thêm:

Làm thế nào để có được những yếu tố $ selectors:

$container.append('<div class="selectors"></div>'); 
var $selectors = $('.selectors', $container); 

tôi đã cố gắng :

var $selectors = $container.append('<div class="selectors"></div>'); 

nhưng mà làm cho $ selectors = $ chứa

có lẽ đó là/nhanh nhất b est cách. Chỉ cần kiểm tra.

Answer 1

Tại sao không chỉ:

var el = $('<div class="selectors"></div>'); 
$container.append(el); 

?

Sau đó, bạn có quyền truy cập 'el'.

Answer 2

Đây là cách tôi yêu thích để làm việc đó:

var $selectors = $('<div class="selectors"></div>').appendTo(container); 

Answer 3

$selectors = $('<div/>').addClass('selectors').appendTo($container); 

Answer 4

Bạn cũng có thể tạo một hàm jQuery mới để làm điều đó:

jQuery.fn.addChild = function(html) 
{        
    var target = $(this[0])        
    var child = $(html);              
    child.appendTo(target);             
    return child;                
}; 

và sau đó sử dụng nó như vậy:

$('<ul>').addChild('<li>hi</li>'); 

tất nhiên nếu bạn muốn thêm nhiều hơn một mục:

var list = $('<ul>'); 
list.addChild('<li>item 1</li>'); 
list.addChild('<li>item 2</li>'); 

Ưu điểm của phương pháp tiếp cận như sau này là bạn có thể thêm nhiều chức năng "addChild" nếu muốn. Lưu ý rằng đối với cả hai ví dụ trên, bạn cần phải thêm phần tử vào tài liệu, do đó, ví dụ đầy đủ có thể là:

$('body').addChild('<ul>').addChild('<li>hi</li>');