javascript - jQuery .add() 使用生成的元素不起作用

Question

我正在尝试遍历一个数组，使用它的值来创建一个元素集合，以便稍后添加到 DOM 中。

为此，我正在使用以下代码：

$().add($('<span />', {
    class: 'child',
    text: 'test'
})).appendTo('.container');

或类似的东西......生成的元素不会添加到集合中。这是一个说明相同的小提琴：http: //jsfiddle.net/Dygerati/WTYSQ/2/

Answer 1

无需创建一个空的 jQuery 对象。此外，您的 HTML 中没有.container。使用此代码：

var spans=$('<span />', {
    class: 'child',
    text: 'test'
});  

$('.container').append(spans);

工作的jsFiddle

Answer 2

只需使用一个简单的数组并将新元素推送到您的数组。

var spans = new Array();
console.log(spans.length);

spans.push($('<span />', {
    class: 'child',
    text: 'test'
}));

console.log(spans.length);   
$('.container').append(spans);

http://jsfiddle.net/WTYSQ/4/ 在您发布的小提琴中，您还混合了容器和父类，这就是为什么append()仍然无法工作的原因。我命名了两个容器。