1

複数のデータを含む配列があり、増分値を使用して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

4 に答える 4

2 
$(".fancybox").each(function(index) {
   if(index % 3 == 0) {
      $(this).attr("title", fancyboxInfo[index]);
   }
});
于 2012-05-14T09:37:42.940 に答える
2 
x = 0;
$(".fancybox").each(function() {
   if (x < $(".fancybox").length) {
      $(this).attr("title", fancyboxInfo[x]);
      x += 3;
   }
});
于 2012-05-14T09:35:03.363 に答える
2

あなたもできる

$(".fancybox").each(function(index) {
   $(this).attr("title", fancyboxInfo[(index*3)]);
});
于 2012-05-14T09:40:13.650 に答える
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;
});
于 2012-05-14T09:55:30.310 に答える