86

是否有更简单/更快的方法来使用 jQuery 追加添加元素:

如何获取 $selectors 元素:

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

我试过:

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

但这使得 $selectors = $container

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

4

4 回答 4

167

为什么不只是:

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

?

然后你可以访问'el'。

于 2009-09-18T08:33:42.387 回答
64

这是我最喜欢的做法:

var $selectors = $('<div class="selectors"></div>').appendTo(container);
于 2009-09-18T08:36:16.053 回答
6
$selectors = $('<div/>').addClass('selectors').appendTo($container);
于 2009-09-18T08:37:18.503 回答
2

您还可以创建一个新的 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>');
于 2014-01-23T02:27:29.407 回答