Einfachere Möglichkeit, ein jQuery-Objekt aus dem angehängten Element abzurufen

Gibt es eine einfachere / schnellere Möglichkeit, das Element mithilfe des jQuery-Anhangs hinzuzufügen:

So erhalten Sie das $ selectors-Element:

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

Ich habe es versucht:

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

aber das macht $ selectors = $ container

Vielleicht ist das der schnellste / beste Weg. Ich überprüfe nur.

Warum nicht einfach:

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

?

Dann haben Sie Zugriff auf 'el'.

Dies ist meine Lieblingsmethode:

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

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

Sie können dazu auch eine neue jQuery-Funktion erstellen:

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

und dann benutze es so:

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

Natürlich, wenn Sie mehr als einen Artikel hinzufügen möchten:

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

Der Vorteil solcher Ansätze besteht darin, dass Sie später der Funktion "addChild" weitere hinzufügen können, wenn Sie möchten. Beachten Sie, dass Sie für beide obigen Beispiele das Element zum Dokument hinzufügen müssen. Ein vollständiges Beispiel könnte also sein:

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