我正在尝试使用 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
最佳答案
您可以使用 closest()
,但由于它从当前元素开始,closest('li')
将不起作用,因此您必须找到最近的 UL,然后找到最近的 LI:
$(this).closest('ul').closest('li')
关于jQuery 选择当前元素的父 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16833149/