如何使用jQuery查找嵌套子元素的根li？
如何使用jQuery查找嵌套子元素的根li？
提问于 2018-08-28 03:07:41
我有这个导航：
<div class="collapse navbar-collapse" id="wire-nav">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle" aria-expanded="false">Our Company
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">
Safety
<span class="right-caret"></span>
</a>
</li>
<li class="dropdown-submenu">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">
Customer Service
<span class="right-caret"></span>
</a>
<ul class="dropdown-menu">
<li class="active">
<a href="#" target="_self">Customer
Satisfaction Index (CSI)</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
当用户在“客户满意度指数”页面(或“本公司”的任何子页面)上时，我想加粗根元素“本公司”。我如何通过CSS和/或jQuery来实现这个目标？只有当用户在该页面上时，才会应用"active“类。
提前谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-28 03:43:42
$(".active").closest(".dropdown").find(".dropdown-toggle").css({"font-weight":"bold"});解释：
$(".active")是起点。
.closest(".dropdown")的目标是祖先列表中的<li class="dropdown">。
.find(".dropdown-toggle")查找前一个结果的childs中的内容。
<a href="#" data-toggle="dropdown" class="dropdown-toggle" aria-expanded="false">Our Company
<span class="caret"></span>
</a>因此，您可以对其应用一些CSS：
.css({"font-weight":"bold"});
有关更多信息，请查看这些文档页面：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52045572
复制相关文章
相似问题
腾讯云开发者
