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');