如何遍历一个数组和一组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];
});

在这里演示

Answer 2

如果你之后不关心数组是空的，你可以使用：

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

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