jQuery index function

Question

I think I need to use jQuery's index() function but I'm doing it all wrong! I have a bunch of table cells with images inside, and one of them will have a class called "current". How can I tell which image has the class? I need an integer to work with.

I'm thinking something like this but I get "-1", nothing found..

var prev = $('#full_width_gallery').index('img');

Any ideas where I'm going wrong?

@Dan Oh I see.. I thought you were trying to select the image seeing How can I tell which image has the class. — Selvakumar Arumugam
– Selvakumar Arumugam, Commented Oct 18, 2012 at 16:34

Niko · Accepted Answer · 2012-10-18 16:46:20Z

4

Select the images: var $images = $('#full_width_gallery img');
Retrieve the index of the image with class ".current": $images.filter('.current').index(); - this will be the index of that image in $images, not some kind of "global" index!

In total:

var index = $('#full_width_gallery img').filter('.current').index();

or:

var index = $('.current').index('#full_width_gallery img');

edited Oct 18, 2012 at 16:46

answered Oct 18, 2012 at 16:33

Niko

26.8k9 gold badges97 silver badges112 bronze badges

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

4 Comments

Reinstate Monica Cellio Over a year ago

Is there a reason to create a var, or would it be just as effective doing $('#full_width_gallery img').index('.current');?

Dan Over a year ago

Could I use that like this; var $images = $('#full_width_gallery img'); var current = $images.index('.current'); alert(current)

Niko Over a year ago

@Archer That's the same, I just introduced the variable to break it up in two steps.

pimvdb Over a year ago

.index does not work like that. You swapped the order of object/argument.

Collectives™ on Stack Overflow

jQuery index function

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related