更简单的方式来获得附加元素的jQuery对象
-
22-07-2019 - |
题
是否有更简单/更快的方式来获得元件使用jQuery追加加入:
如何获得$选择元素:
$container.append('<div class="selectors"></div>');
var $selectors = $('.selectors', $container);
我尝试:
var $selectors = $container.append('<div class="selectors"></div>');
但是,使$选择= $容器
也许这是最快的/最佳途径。只是检查。
解决方案
为什么不只是:
var el = $('<div class="selectors"></div>');
$container.append(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>');
不隶属于 StackOverflow