如何遍历一个数组和一组dom元素,并将数组的当前项添加到当前的dom元素？

Question

我有一个包含4个字符串的Jquery数组:

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

在我的标记中,我有4个空div,其他随机标记间歇性地分散在它们之间.

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

我想遍历数组并循环遍历div并将数组中当前项的文本添加到当前div.我的标记的最终结果应该是这样的:

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

不是你可能会告诉的JavaScript专家,所以任何帮助将不胜感激.谢谢!

Answer 1

试试这个:

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

在这里演示