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];
});

演示 here