Find the index of an element relative to a click function in Jquery?

Question

I have the following situation below fiddle:

When I click on a "view_larger" class, I am trying to get the index of the ".inner" parent class in reference to the whole page.

For example, if I click on the 2nd view_larger class, The index of ".inner" class should be equal to 1.

This is what I have so far:

$(".view_larger").click(function(){
    var classIndex = $(this).parent().index();
    console.log("classIndex");
})

I hope this is clear enough.

Thanks.

Arun P Johny · Accepted Answer · 2015-02-17 10:06:56Z

1

You need to use below if you want the index to be based on all the .inner elements. Then use the .index(selector) version, this will give the index of the element based on the element set of the passed selector.

var classIndex = $(this).parent().index('.inner');

Clicking hi3 will give you 3 in this case

Demo: Fiddle

answered Feb 17, 2015 at 10:06

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

user875139 Over a year ago

Thank you. I knew it was something simple I was missing!

Collectives™ on Stack Overflow

Find the index of an element relative to a click function in Jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related