向jQuery堆栈数组添加DOM元素

向jQuery堆栈数组添加DOM元素,jquery,dom,Jquery,Dom,我有一个选择器,可以获取两个项目,我想在堆栈中添加一个元素。这不就是为什么吗 HTML: <div id="container"> <div class="color-me">Line 1</div> <div class="color-me">Line 2</div> </div> 第1行 第2行 Javascript: var $divs = $('.color-me'); var $genera

我有一个选择器,可以获取两个项目,我想在堆栈中添加一个元素。这不就是为什么吗

HTML:

<div id="container">
    <div class="color-me">Line 1</div>
    <div class="color-me">Line 2</div>
</div>

第1行
第2行
Javascript:

var $divs = $('.color-me');

var $generatedDiv = $('<div></div>', {
    'class': 'color-me',
    'text': 'Line 3'
}).appendTo($('#container'));

$divs.pushStack($generatedDiv);

// Shouldn't the $generatedDiv be in the $divs jQuery stack now?
$divs.css('color', 'red');
var$divs=$('.color me');
变量$generatedDiv=$(''{
'class':'color me',
“文本”:“第3行”
}).appendTo($(“#container”);
$divs.pushStack($generatedDiv);
//$generatedDiv现在不应该在$divs jQuery堆栈中吗?
$divs.css('color','red');
jsidle:

使用
$divs.add($generatedDiv)

参见文档。

使用
$divs.add($generatedDiv)


请参阅文档。

pushStack
确实会将它们添加到jQuery堆栈中,但这并不是您要处理的问题。您正在处理jQuery对象数组

因此,您需要使用以下功能:

说明:将元素添加到匹配的元素集中

例如:

var $divs = $('.color-me');

var $generatedDiv = $('<div />', {
    'class': 'color-me',
    'text': 'Line 3'
}).appendTo($('#container'));

$divs = $divs.add($generatedDiv);
$divs.css('color', 'red');
var$divs=$('.color me');
变量$generatedDiv=$(''{
'class':'color me',
“文本”:“第3行”
}).appendTo($(“#container”);
$divs=$divs.add($generatedDiv);
$divs.css('color','red');

pushStack
确实会将它们添加到jQuery堆栈中,但这不是您要处理的问题。您正在处理jQuery对象数组

因此,您需要使用以下功能:

说明:将元素添加到匹配的元素集中

例如:

var $divs = $('.color-me');

var $generatedDiv = $('<div />', {
    'class': 'color-me',
    'text': 'Line 3'
}).appendTo($('#container'));

$divs = $divs.add($generatedDiv);
$divs.css('color', 'red');
var$divs=$('.color me');
变量$generatedDiv=$(''{
'class':'color me',
“文本”:“第3行”
}).appendTo($(“#container”);
$divs=$divs.add($generatedDiv);
$divs.css('color','red');

听起来你想要的是.add()。而不是

$divs.pushStack($generatedDiv);
试一试


听起来你想要的是.add()。而不是

$divs.pushStack($generatedDiv);
试一试


在您的实例中,我认为您正在寻找
add()
。我相信这将有助于我也喜欢在您的实例中,我认为您正在寻找
add()
。我相信这将有助于我也喜欢。add()返回一个新集合。您需要执行$divs=$divs.add($generatedDiv)@BenM My bad。我一定在看另一个答案..add()返回一个新集合。您需要执行$divs=$divs.add($generatedDiv)@BenM My bad。我一定在看另一个答案。