How to loop through an array and set of dom elements and add the current item of the array to the current dom element?

Question

I have a Jquery array holding 4 strings:

var myArray = [ 1, 2, 3, 4 ];

In my markup I have 4 empty div's with other random markup dispersed intermittently between them.

<div></div>
<p>Paragraph here</p>
<p>Paragraph here</p>
<div></div>
<h1>heading here</h1>
<p>Paragraph here</p>
<div></div>
<h1>heading here</h1>
<p>Paragraph here</p>
<div></div>

I want to loop through the array and also loop through the div's and add the text of the current item in the array to the current div. The end result in my markup should be something like this:

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>

Not a javascript expert as you can probably tell, so any help would be greatly appreciated. Thanks!

This sounds like an XY-problem. Please tell us about X. meta.stackexchange.com/questions/66377/what-is-the-xy-problem — Halcyon
– Halcyon, Commented Oct 1, 2013 at 13:34
Have you tried anything yet? Please show us your efforts and how they not worked. — Bergi
– Bergi, Commented Oct 1, 2013 at 13:34

Sergio · Accepted Answer · 2013-10-01 13:35:18Z

6

Try this:

var myArray = [ 1, 2, 3, 4 ];
$('div').each(function(index){
    this.innerHTML = myArray[index];
});

Demo here

answered Oct 1, 2013 at 13:35

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

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

3 Comments

Moob Over a year ago

OP wants to fill the <div>s

Bill Over a year ago

+1, great answer. You should include a link to the jQuery API for .each(), though.

Paul Murphy Over a year ago

@Sergio Perfect, thanks I appreciate it. I'll mark as answered.

shem86 · Accepted Answer · 2013-10-01 13:47:37Z

1

if you don't care for array being empty afterwards you could use:

var myArray = [ 1, 2, 3, 4 ];

$('div').each( function () {
    this.innerHTML = myArray.shift();
});

answered Oct 1, 2013 at 13:47

shem86

4884 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to loop through an array and set of dom elements and add the current item of the array to the current dom element?

2 Answers 2

Demo here

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Demo here

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related