jquery - 数组中的每个项目到每个匹配的元素中

Question

我正在使用 $.getJSON 返回一个简单的数组，例如：

["5","10","15","20"]

然后，我想将这些值中的每一个添加到一个元素中。我了解如何遍历数组并执行功能，例如：

$(data).each(function(i,data){      
 console.log(data);         
});

我无法弄清楚数组中的每个项目如何将其添加到每个匹配的元素中，例如：

$('#element h2').each(function(){   
    $(this).before('<h1>' + data + '</h1>')
});

我希望实现的是：

<div id="element">
  <h1>5</h1>
    <h2>Apples</h2>
  <h1>10</h1>
    <h2>Oranges</h2>
  <h1>15</h1>
    <h2>Bananas</h2>
  <h1>20</h1>
    <h2>Kiwis</h2>
</div>

感谢任何可以提供帮助的人！

Answer 1

您可以使用索引：

$('#element h2').each(function(index) {   
    $(this).before('<h1>' + data[index] + '</h1>')
});