Question

<div class="nav">
   <a href="#item1">item1</a>
   <a href="#item2">item2</a>
   <a href="#item3">item3</a>
</div>

我有如上所述的html结构，我想通过jquery点击超链接的索引。

由于

Answer 1

使用：

var index = $("a").index(this);

<强> Working Demo

Answer 2

$(".nav a").click(function () {
    console.log( $(this).index() );
});

这将为您提供超链接的索引。

对于jQuery 1.7+，您可以使用on，您可以将其视为添加到超链接的委托。

$(".nav").on("click", "a", function() {
    console.log( $(this).index() );
});

Answer 3

您可以使用index()

$('.nav a').on('click', function() {
    console.log($(this).index());
});

Answer 4

你可以尝试这个吗，在一个元素集合上调用index()并传入一个DOM元素或jQuery对象，.index（）返回一个整数，指示传递元素相对于原始集合的位置

$(function(){
   $(".nav > a").click(function (event) {
      console.log( "Clicked link index::"+ $(this).index() );
     event.preventDefault();
  });
});

如何获取div内的超链接索引

4 个答案: