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