jQuery选择当前项目的父级li

Question

我正在尝试并无法使用jQuery选择菜单的grandaprent li 。

尝试了许多选择器，例如：

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

但是上面没有选择最远的父母。

<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>

我想选择current类别为li a 祖父母

Answer 1

您可以使用closest() ，但是由于它以当前元素开头，所以closest('li')将不起作用，因此必须先找到最接近的UL，然后再找到最接近的LI：

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

Answer 2

嗨，使用下面的代码，这些代码需要在您的类为class当前的元素上单击时才触发。 代码会像。

$(".current").bind("click",function(event){
    var desiredElement = $(this).parents('li:first');
})

Answer 3

$(".current").parents('ul').parents('li').find('a')

Answer 4

尝试这个

$(this).parent().closest("li").addClass('current');