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

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

如何获得$ selectors元素:

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

我试过了:

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

但是这使得$ selectors = $容器

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

为什么不只是:

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

然后你可以访问'el'。

这是我最喜欢的做法:

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

你也可以创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>');