拉JQuery的陣列項目div標籤，以便

Question

我就在這裏

<div></div> 
<div></div> 
<div></div> 

3個div標籤，我想這個數組的值扔到這些div

var myArray = ["one", "two", "three"]; 

最終的輸出是這

<div>one</div> 
<div>two</div> 
<div>three</div> 

這是可能的JQuery或正常的JavaScript？

Answer 1

使用每個函數遍歷div集合。該函數的index參數可用於從數組中提取適當的值並將其指定爲div的內容。

$('div').each(function(idx) { 
    $(this).html(myArray[idx]); 
}); 

注意我沒有在數組中包含任何邊界檢查，或者特別限制了我正在處理的divs。如果需要確保索引位於數組的範圍內，請調整函數的內容。例如，如果您需要限制所選div的集合，請使用類來調整選擇器。

Answer 2

試試這個：

$(document).ready(function(){ 
    for(var ctr = 0; ctr < myArray.length ; ctr++){ 
    $('div:eq('+ ctr +')').text(myArray[ctr]); 
    } 
}); 

要選擇一個索引元素http://api.jquery.com/eq-selector/

Answer 3

例子：http://jsfiddle.net/Rwh8a/