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

有一个更容易/更快的方式来获取添加元素使用jQuery append：

如何获得$ selectors元素：

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

我试过了：

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

但是这使得$ selectors = $容器

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

Answer 1

为什么不只是：

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

？

然后你可以访问'el'。

Answer 2

这是我最喜欢的做法：

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

Answer 3

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

Answer 4

你也可以创build一个新的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>');