Einfacher kann ein jQuery-Objekt aus hängten Elemente

Question

bekommen, ist es ein einfacher/schneller Weg, um das Element zu erhalten hinzugefügt mit jQuery anfügen:

Wie die $ Selektoren Element erhalten:

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

Ich habe versucht, :

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

aber das macht $ Selektoren = $ Behälter

das ist der schnellste/b Vielleicht est Weg. Einfach überprüfen.

Answer 1

Warum nicht einfach:

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

?

Dann haben Sie Zugriff auf 'el'.

Answer 2

Das ist mein Lieblings-Weg, es zu tun:

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

Answer 3

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

Answer 4

Sie können auch eine neue jQuery-Funktion erstellen, es zu tun:

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

und dann verwenden, etwa so:

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

natürlich, wenn Sie mehr als hinzufügen wollten ein Element:

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

Der Vorteil Ansätze wie dieser ist, dass Sie später mehr auf die „addChild“ Funktion hinzufügen können, wenn Sie mögen. Beachten Sie, dass Sie für beide obigen Beispiele das Element zu dem Dokument hinzufügen müssen, so dass ein vollständiges Beispiel sein könnte: