How to index from an array in increments with jQuery

Question

I have an array with multiple data, and I'd like to index a div with an incremental value.

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

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

Using 'each', the following ends up being:

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

I want to make it index [0], [3], [6] etc. Can this be done using jQuery index?

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

Norse · Accepted Answer · 2012-05-14 09:35:03Z

2

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

answered May 14, 2012 at 9:35

Norse

5,75716 gold badges53 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JayDee Over a year ago

Thanks for this Norse. It's the most adaptable one for my needs. Really appreciate it, will accept it as the answer when it lets me.

Andreas Wong · Accepted Answer · 2012-05-14 09:37:42Z

2

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

answered May 14, 2012 at 9:37

Andreas Wong

60.7k19 gold badges112 silver badges123 bronze badges

1 Comment

Subir Kumar Sao Over a year ago

This will not give the desired result.

Subir Kumar Sao · Accepted Answer · 2012-05-14 09:40:13Z

2

You can also do

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

answered May 14, 2012 at 9:40

Subir Kumar Sao

8,4393 gold badges28 silver badges51 bronze badges

1 Comment

Subir Kumar Sao Over a year ago

fancy box has 3 elements. The array has 9 elements. The mapping is 0-0, 1-3, 2-6. The index will be 0,1,2. So its index*3 and not index+=3.

Er. Anurag Jain · Accepted Answer · 2012-05-14 09:55:30Z

1

You can do

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

answered May 14, 2012 at 9:55

Er. Anurag Jain

1,7931 gold badge11 silver badges19 bronze badges

1 Comment

JayDee Over a year ago

I've marked this up, as this also works perfectly (but came after I'd already accepted the answer). Thanks! :)

Collectives™ on Stack Overflow

How to index from an array in increments with jQuery

4 Answers 4

1 Comment

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related