如何获取点击元素的索引？

Question

我在导航中有五个锚点元素。我想用jQuery获取点击元素的索引。我试过这个代码。

$('.navigation ul li a').click(function(e) { 

    e.preventDefault(); 

    var el = $(this).index(); 
    console.log(el); 

}) 

但是每次我在控制台得到零。

https://jsfiddle.net/2hg2fkda/小提琴在这里。

任何帮助将不胜感激。谢谢，

Answer 1

试试这个：如果列表

$('.navigation ul li').click(function(e) { 

    e.preventDefault(); 

    var el = $(this).index(); 
    console.log(el); 

}) 

Answer 2

指数可以获取。 这里替换你的代码 -

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

LIVEhttps://jsfiddle.net/mailmerohit5/hg0dqnxb/

Answer 3

你可以试试这个：

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

DEMO

Answer 4

你也可以试试这个！

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

Demo