maneira mais fácil de obter um objeto jQuery do elemento anexado
-
22-07-2019 - |
Pergunta
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.
Solução
Porque não basta:
var el = $('<div class="selectors"></div>');
$container.append(el);
?
Em seguida, você tem acesso ao 'el'.
Outras dicas
Esta é a minha maneira favorita de fazê-lo:
var $selectors = $('<div class="selectors"></div>').appendTo(container);
$selectors = $('<div/>').addClass('selectors').appendTo($container);
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>');