jquery - 如何使用jQuery以增量方式从数组中索引

Question

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

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

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

使用“每个”，以下结果是：

<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/

Answer 1

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

Answer 2

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

Answer 3

你也可以做

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

Answer 4

你可以做

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