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

演示here

Answer 2

如果您以后不关心数组为空，您可以使用：

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

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