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

Question

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

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

  e.preventDefault();

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

 })

但每次我在控制台中都为零。

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

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

Answer 1

如果列表可以获取索引。 在此处替换您的代码 -

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

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

Answer 2

试试这个：

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

  e.preventDefault();

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

 })

Answer 3

你可以尝试这个：

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

DEMO

Answer 4

你也可以试试!!

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

<强> Demo