更简单的方式来获得附加元素的jQuery对象(Easier way to get a jQuery

有没有更简单/快速致富的元素使用jQuery追加补充：

如何获得$选择元素：

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

我试过了：

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

但是，使$选择= $容器

也许这是最快的/最佳途径。 只是检查。

Answer 1:

为什么不干脆：

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

？

然后，您可以访问“厄尔尼诺”。

Answer 2:

这是我最喜欢做的方式：

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

Answer 3:

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

Answer 4:

您还可以创建一个新的jQuery功能做到这一点：

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

然后用它像这样：

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

当然，如果你想添加一个以上的项目：

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

像这样的方法的优点是，如果你想以后你可以添加更多的“的addChild”功能。 请注意，对于上面的例子，你需要的元素添加到文档，所以一个完整的例子可能是：

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

文章来源: Easier way to get a jQuery object from appended element