jquery - 使用 jQuery add() 在循环中添加元素

Question

如何使用 jQuery 的 add() 在循环中添加元素？

http://jsfiddle.net/smqtxtnt/2/

var allFields1 = $([]).add($('<input/>')).add($('<input/>').add($('<input/>')));
console.log(allFields1);

var allFields2 = $([]);

$([1,2,3]).each(function (index) {
    var input=$('<input/>').val(index);
    allFields2.add(input);
})

console.log(allFields2);

我明白为什么我的上面的代码不能像 https://api.jquery.com/add/ 所描述的那样工作:

The following will not save the added elements, because the .add() method creates a new set and leaves the original set in pdiv unchanged:

var pdiv = $( "p" );
pdiv.add( "div" ); // WRONG, pdiv will not change

...但不知道该怎么做。

Answer 1

保存结果:

allFields2 = allFields2.add(input);

<小时/>

旁注:如果您只想循环三次，则不需要在数字数组周围使用 jQuery 对象:

[1,2,3].forEach(function(value, index) {
    var input=$('<input/>').val(index);
    allFields2 = allFields2.add(input);
});

或

$.each([1,2,3], function(index) {
    var input=$('<input/>').val(index);
    allFields2 = allFields2.add(input);
});