如何獲得點擊元素的索引？

Question

我的導航中有五個錨點元素。 我想用jQuery獲取點擊元素的索引。 我嘗試了這段代碼。

$('.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();

直播 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());
});

演示

Answer 4

您也可以嘗試！

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

演示版