jQuery 选择当前元素的父 li

Question

我正在尝试使用 jQuery 选择菜单的祖父 li，但失败了。

尝试了很多选择器，比如:

$(this).parents('li').find('a').addClass('current');

但是上面没有选择最远的 parent ..

<nav>
    <ul>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a>
            <div class="sub">

                <ul>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
                <ul>
                    <li><a href=""></a></li>
                    <li class="current"><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
                <ul>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>

            </div>
        </li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
    </ul>
</nav>

我想选择 li a 的 grandparent 类 current

Answer 1

您可以使用 closest()，但由于它从当前元素开始，closest('li') 将不起作用，因此您必须找到最近的 UL，然后找到最近的 LI:

$(this).closest('ul').closest('li')