jQuery store multiple divs in array and append the array to a div

Question

As the title says, I'm trying to select some divs by their id, and then store them in an array, I know I can simply put the variables as parameters separated by comma, but I prefer to store. What I've done is:

var nationality = jQuery('#nationality');
var years = jQuery('#years');

var collection = [nationality, years];

jQuery('#mydiv').append(collection);

dfsq · Accepted Answer · 2012-03-07 18:59:31Z

4

You can use add method:

var nationality = jQuery('#nationality');
var years = jQuery('#years');

var collection = nationality.add(years);

jQuery('#mydiv').append(collection);

answered Mar 7, 2012 at 18:59

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

2 Comments

Ricardo Castañeda Over a year ago

Thanks for replying. What if I want to add more variables? Should I repeat the add method, or can I insert multiple parameters in it? I've tried inserting multiple, but with no success.

dfsq Over a year ago

If you use add then you should chain it like this: $a.add($b).add($b), etc.

Ohgodwhy · Accepted Answer · 2012-03-07 18:59:46Z

3

If you have an array, you must iterate the array and perform an action on each object found. This method will work below ->

var collection = new Array(nationality, years);
$.each(collection, function(i,v){
  //i = index, so 0,1,2,3,4,5
  //va = value, so <div id="1">1</div>', <div id="2">2</div>'; etc.
  jQuery('#mydiv').append(v);
});

answered Mar 7, 2012 at 18:59

Ohgodwhy

50.9k11 gold badges86 silver badges114 bronze badges

1 Comment

Ricardo Castañeda Over a year ago

Thanks for this answer, I like it more than the add method because it doesn't require chaining. But it is very hard to choose the 'answer' when both are the correct answers.

Alexei Osipov · Accepted Answer · 2013-04-27 01:27:22Z

1

There is a little trick with apply():

$.fn.append.apply( $('#mydiv'), collection)

answered Apr 27, 2013 at 1:27

Alexei Osipov

77110 silver badges18 bronze badges

Collectives™ on Stack Overflow

jQuery store multiple divs in array and append the array to a div

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related