从附加元素中获取jQuery对象的更简单方法

有没有一种更简单/更快捷的方法来获取使用jQuery append添加的元素：

如何获取$ selectors元素：

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

我试过了：

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

但这会使$ selectors = $ container

也许这是最快/最好的方法。只是检查。

为什么不只是：

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

？

然后，您可以访问“ el”。

这是我最喜欢的方法：

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

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

您还可以创建一个新的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>');