我有这个导航:
<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“类。
提前谢谢。
发布于 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"});
有关更多信息,请查看这些文档页面:
https://stackoverflow.com/questions/52045572
复制相似问题