javascript - 单击内部链接时列表项的索引 ul li

Question

我在这里读了很多关于获取索引值的问题。

我知道如何在点击索引号上获取li。但是，我需要在单击其中的链接时获取 li 值。

<ul>
   <li><a class=link href="#"></a></li>
   <li><a class=link href="#"></a></li>
   <li><a class=link href="#"></a></li>
   <li><a class=link href="#"></a></li>
</ul>


$("li a.link").click(function(e) {
    var i = $(this).index();
       alert(i)
});

它不会工作，因为它采用 a.link 而不是 ul li 的索引。单击特定的 a.link 时如何获取 li 的索引？

Answer 1

您可以使用 jQuery 的 parent()选择器以点击 anchor 链接的父元素的索引为目标。

在这种情况下，它将是:$(this).parent().index();。

$("li a.link").click(function(e) {
    var i = $(this).parent().index();
    alert(i);
});

如果你想得到物理数字(例如第一个返回一个，第二个返回两个)，你只需将一个添加到选择器:

$("li a.link").click(function(e) {
    var i = $(this).parent().index() + 1;
    alert(i);
});