maneira mais fácil de obter um objeto jQuery do elemento anexado

Question

Existe uma maneira mais fácil / mais rápido para obter o elemento adicionado usando jQuery acrescentar:

Como obter o elemento $ seletores:

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

Eu tentei:

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

mas que faz $ seletores = $ recipiente

Talvez essa seja a mais rápida melhor maneira /. Apenas verificando.

Answer 1

Porque não basta:

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

?

Em seguida, você tem acesso ao 'el'.

Answer 2

Esta é a minha maneira favorita de fazê-lo:

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

Answer 3

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

Answer 4

Você também pode criar uma nova função jQuery para fazê-lo:

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

e, em seguida, usá-lo assim:

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

É claro que se você quiser adicionar mais de um item:

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

A vantagem de abordagens como esta é que, mais tarde, você pode adicionar mais para a função "addChild" se você gosta. Note-se que para ambos os exemplos acima, você precisa adicionar o elemento ao documento, portanto, um exemplo completo pode ser:

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