在阵列到每个匹配元素

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