如何使用jQuery以增量为单位索引数组

时间:2012-05-14 09:32:12

标签: jquery

我有一个包含多个数据的数组,我想用增量值索引div。

var fancyboxInfo = [
'Title1', 'Details1', 'Location1', 
'Title2', 'Details2', 'Location2',
'Title3', 'Details3', 'Location3',
]

$(".fancybox").each(function(index) {
   $(this).attr("title", fancyboxInfo[index]);
});

使用'each',以下结果为:

<div class="fancybox" title="Title1"></div>
<div class="fancybox" title="Details1"></div>
<div class="fancybox" title="Location1"></div>

我想让它成为索引[0],[3],[6]等。可以使用jQuery索引来完成吗?

jsFiddle:http://jsfiddle.net/fNNkx/

4 个答案:

答案 0 :(得分:2)

x = 0;
$(".fancybox").each(function() {
   if (x < $(".fancybox").length) {
      $(this).attr("title", fancyboxInfo[x]);
      x += 3;
   }
});

答案 1 :(得分:2)

$(".fancybox").each(function(index) {
   if(index % 3 == 0) {
      $(this).attr("title", fancyboxInfo[index]);
   }
});

答案 2 :(得分:2)

您也可以

$(".fancybox").each(function(index) {
   $(this).attr("title", fancyboxInfo[(index*3)]);
});

答案 3 :(得分:1)

你可以做到

var fancyboxInfo = [
    'Title1', 'Details1', 'Location1',
    'Title2', 'Details2', 'Location2',
    'Title3', 'Details3', 'Location3',
    'Title4', 'Details3', 'Location3',        
  ]
i=0;
$(".fancybox").each(function(index) {


      $(this).attr("title", fancyboxInfo[i]);
  i = i+3;
});