Einfacher kann ein jQuery-Objekt von anhängenden Elemente erhalten

Question

Gibt es einen einfacheren / schnellen 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 = $ Container

Vielleicht ist das der schnellste / beste Weg. Just checking.

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önnten 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 ein Element hinzufügen wollten:

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

Der Vorteil von Ansätzen wie dieser ist, dass Sie später mehr auf die „addChild“ Funktion hinzufügen können, wenn Sie mögen. Beachten Sie, dass für die beiden oben genannten Beispielen, müssen Sie das Element, um dem Dokument hinzuzufügen, so dass ein vollständiges Beispiel könnte sein:

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