javascript - 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类(class)设置在<li>上项目(父项目和子项目)

如果 url 等于 href，如何使用 javascript 设置项目的事件类菜单项的名称，并使用事件类设置其父项

我尝试用这个 JavaScript 来做到这一点，但没有成功。

<script>
  $(function() {
    $('#navbar-collapse li').each(function() {
      if(this.href.indexOf(window.location.pathname) === 0) {
        $(this).addClass('active');
      } else {
        // case when something was set to active by the server
        $(this).removeClass('active');
      }
    });
  });
</script>

Answer 1

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

基本上，如果有的话<li> child 有课.active ，然后分配.active到.dropdown元素

编辑:working example