HTML菜单集如果子项具有类，则为父项目类

Question

我有一个包含,个类的HTML菜单。

.active

在<div class="collapse navbar-collapse pull-left" id="navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="/home">Home</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Account <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="active"><a href="/account-details">Account Details</a></li> <li><a href="/contacts/contacts">Contacts</a></li> </ul> </li> </ul> </div> 项目（父项目和子项目）上设置了active个类

如果url等于菜单项的<li>并且还将其父项设置为活动类

，如何使用javascript在项目上设置活动类

我尝试用这个javascript来做，但它没有用。

href

Answer 1

if(document.querySelector('.dropdown .active')
   document.querySelector('.dropdown').classList.add('active');

基本上，如果任何<li>个孩子都有.active个班级，那么请将.active分配给.dropdown元素

修改：working example

Answer 2

使用此：https://api.jquery.com/closest/

$('li.active').closest('li').addClass('active');