łatwiejszy sposób uzyskać obiekt jQuery z załączonym elementem

Question

Czy istnieje prostszy/szybciej sposób, aby uzyskać element dodawane przy użyciu jQuery dołączyć:

Jak zdobyć elementu $ selektorów:

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

próbowałem :

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

ale sprawia, że ​​$ = $ selektorów pojemnik

Może to najszybsza/b est sposób. Tylko sprawdzam.

Answer 1

Dlaczego nie po prostu:

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

?

Następnie masz dostęp do "el".

Answer 2

To jest mój ulubiony sposób to zrobić:

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

Answer 3

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

Answer 4

Można również utworzyć nową funkcję jQuery to zrobić:

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

a następnie używać go tak:

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

oczywiście, jeśli chcesz dodać więcej niż Jedna pozycja:

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

Zaletą takiego podejścia jest to, że później możesz dodać więcej do funkcji "addChild", jeśli chcesz. Zauważ, że dla obu powyższych przykładów, musisz dodać element do dokumentu, więc pełny przykład może być:

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