modo più semplice per ottenere un oggetto jQuery da elemento aggiunto

Question

C'è un/modo più semplice più veloce per ottenere l'elemento aggiunto utilizzando jQuery append:

Come ottenere l'elemento $ selettori:

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

ho provato :

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

ma che rende $ selettori = $ contenitore

Forse è il più veloce/b est modo. Solo controllando.

Answer 1

Perché non basta:

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

?

Quindi si ha accesso a 'el'.

Answer 2

Questo è il mio modo preferito di farlo:

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

Answer 3

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

Answer 4

Si potrebbe anche creare una nuova funzione jQuery per farlo:

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

e quindi utilizzarlo in questo modo:

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

ovviamente se si desidera aggiungere più di una voce:

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

Il vantaggio di approcci come questo è che in seguito si può aggiungere di più per la funzione "addChild", se volete. Si noti che per entrambi gli esempi sopra, è necessario aggiungere l'elemento al documento, quindi un esempio completo potrebbe essere:

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