La forma más fácil de obtener un objeto jQuery del elemento adjunto

Question

¿Hay una manera más fácil / rápida de agregar el elemento usando jQuery append:

Cómo obtener el elemento $ selectors:

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

Intenté:

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

pero eso hace que $ selectors = $ container

Tal vez esa sea la forma más rápida / mejor. Solo comprobando.

Answer 1

Por qué no solo:

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

?

Entonces tienes acceso a 'el'.

Answer 2

Esta es mi forma favorita de hacerlo:

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

Answer 3

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

Answer 4

También podría crear una nueva función jQuery para hacerlo:

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

y luego úsalo así:

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

por supuesto si desea agregar más de un elemento:

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

La ventaja de enfoques como este es que más adelante puede agregar más al " addChild " funciona si quieres. Tenga en cuenta que para los dos ejemplos anteriores, debe agregar el elemento al documento, por lo que un ejemplo completo podría ser:

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