Use jQuery add() to add element in a loop

Question

How do I use jQuery's add() to add an element in a loop?

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);

I see why my above code doesn't work as described by 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

...but don't know how to do it.

T.J. Crowder · Accepted Answer · 2015-04-25 14:30:09Z

3

Save the result:

allFields2 = allFields2.add(input);

Side note: You don't need a jQuery object around your numbers array if all you're trying to do is loop three times:

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

or

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

edited Apr 25, 2015 at 14:30

answered Apr 25, 2015 at 14:26

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1032531 Over a year ago

The loop was just the first thing to come to mind to demonstrate. Your original answer did the trick. thank you

Collectives™ on Stack Overflow

Use jQuery add() to add element in a loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related