按顺序将JQuery数组项拉到div标签

时间:2011-07-23 04:27:48

标签: javascript jquery arrays html

我这里有三个div标签

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

我想把这个数组的值抛到这些div中

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

最终输出将是

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

这可以用JQuery或普通的javascript吗?

3 个答案:

答案 0 :(得分:5)

使用每个函数迭代div组。函数的索引参数可用于从数组中提取适当的值,并将其指定为div的内容。

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

注意我没有在数组中包含任何边界检查,或者特别限制了我正在处理的div。如果需要确保索引在数组的范围内,请调整函数的内容。例如,如果您需要限制所选的div组,请使用类调整选择器。

答案 1 :(得分:2)

试试这个:

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

选择索引元素http://api.jquery.com/eq-selector/

答案 2 :(得分:0)