返回嵌套元素的索引

Question

我有两个嵌套的ul，其中包含链接。

我想在其父级ul 中找到被点击的a 的索引

<div id="main_nav">
<ul>
    <li>
        <ul>
            <li><a href="/url/">LINK</link></li>
            <li><a href="/url/">LINK</link></li>
            <li><a href="/url/">LINK</link></li>
        </ul>
    </li>
</ul>
<ul>
    <li>
        <ul>
            <li><a href="/url/">LINK</link></li>
            <li><a href="/url/">LINK</link></li>
            <li><a href="/url/">LINK</link></li>
        </ul>
    </li>
</ul>

</div>

我正在使用以下代码：

$("#main_nav ul ul a").click(function () {

    var index = $('#main_nav ul ul a').index(this);

    alert(index);
});

这似乎在parent of the parent 中返回a 的索引，而不仅仅是parent（我希望这是有道理的），即单击第二个ul 中的第二个链接会返回4 的索引1 个。

有人可以解释我在哪里出错了吗？我怀疑这很简单，但我想不通。

非常感谢。

Answer 1

您需要获取父li 元素的索引。否则，您将获得列表项内锚点的索引，该索引始终为零。

$(this.parentNode).index();