jQuery only returns index from first element when use tables

Question

I'm working on a web platform that use a lot of tables to render on browser. So I need to use the index() of some elements to provide an interaction to the users.

But as I commented above when I try those tables, the index isn't working very well.

Details here: http://jsfiddle.net/gambin/JGWe3/3/

I tried to use another ways (without tables) and it's working without any problem!

Any suggestions?

Adil · Accepted Answer · 2012-10-10 13:42:15Z

2

You get the index with respect to its immediate parent, here your immediate parent is td and which is preceded by span so you get index 1, To get the index of each element with respect to parent table you need index of row enclosing subBullet class. You can get row index by following code, 0 index for first row and so on. Reading this on jquery Doc worth understanding how index() works.

Live Demo using table

$('.subBullet').click(function(){
    alert($(this).closest('tr').index());
})

Live Demo using Div

$('.subBullet').click(function(){
    alert($(this).index());
})

edited Oct 10, 2012 at 13:42

answered Oct 10, 2012 at 13:31

Adil

148k25 gold badges217 silver badges207 bronze badges

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

4 Comments

Eun Over a year ago

or use parent: alert($(this).parent().parent().index());

Geert Over a year ago

To explain this a bit more for the QA: In the original code, you were counting the index of that div inside that TD. Since the TD only contained 1 div, you would always get 1 back.

Gambin Over a year ago

Thanks for demos and comments!!

Adil Over a year ago

You need to understand how index and selector work, this could help you api.jquery.com/index, I Updated my answer as well.

Akhil Thayyil · Accepted Answer · 2012-10-10 13:32:35Z

0

Try this

$('.subBullet').click(function(){
    alert($(this).closest("tr").index());
})

answered Oct 10, 2012 at 13:32

Akhil Thayyil

9,4256 gold badges38 silver badges48 bronze badges

Comments

boz · Accepted Answer · 2012-10-10 13:34:42Z

0

If you are after the index of the clicked element then it would be:

$('.subBullet').click(function(){
    alert($('.subBullet').index($(this)));
})

http://jsfiddle.net/wGWCT/

answered Oct 10, 2012 at 13:34

boz

4,9045 gold badges45 silver badges72 bronze badges

Collectives™ on Stack Overflow

jQuery only returns index from first element when use tables

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related