How to get index of clicked element?

Question

I have five anchor elements in my navigation. I want to get index of clicked element with jQuery. I tried this code.

$('.navigation ul li a').click(function(e) { e.preventDefault(); var el = $(this).index(); console.log(el); })

But every time I get zero in console.

Any help will be appreciated. Thanks,

Vikas Kad · Accepted Answer · 2015-09-26 08:43:41Z

5

try this:

$('.navigation ul li').click(function(e) { e.preventDefault(); var el = $(this).index(); console.log(el); })

answered Sep 26, 2015 at 8:43

1,0212 gold badges19 silver badges43 bronze badges

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

Comments

Rohit Kumar · Accepted Answer · 2015-09-26 08:45:32Z

Index can be fetched if its list . Replace your code here -

var el = $(this).parent().index();

LIVE https://jsfiddle.net/mailmerohit5/hg0dqnxb/

Ivin Raj · Accepted Answer · 2015-09-26 08:47:12Z

you can try this one:

$('.navigation ul li ').click(function (e) { alert($(this).index()); });

Sathish · Accepted Answer · 2015-09-26 08:54:30Z

1

you can also try this!!

var el = $(this).closest('li').index();

answered Sep 26, 2015 at 8:54

2,4601 gold badge16 silver badges27 bronze badges