jQuery 选择当前元素的父 li

标签 jquery html css

我正在尝试使用 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 agrandparentcurrent

最佳答案

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

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

关于jQuery 选择当前元素的父 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16833149/

相关文章:

javascript - 如何显示与所选数字相对应的多个表单字段?

css: 十六进制色值和简写的十六进制色值有区别吗?

css - 您如何像亚马逊的 Kindle 网络电子阅读器一样禁用复制、粘贴和打印功能?

javascript - Angular .min.js :1 Uncaught SyntaxError: Unexpected token <

javascript - 如何以干净的方式动画和更改 slider 计数器位置?

html - 浏览器填充的表单输入文本的样式不同,使输入字段不可读

html - DIV 下方将不再显示任何内容

javascript - FullCalendar 结束日期 null 只要事件未更改,即使 allday false

javascript - JQuery Cookie 不起作用

javascript - 设置 TH 最小和最大宽度非常慢