将活动类添加到子菜单的顶级菜单

Question

我在我的项目中使用导航菜单。菜单有几个菜单，再次有子菜单和超级菜单。我正在尝试将类添加到活动链接菜单。我已成功做到但我也想要将active类添加到相应子菜单的主菜单中 看一下下面的标记

<ul class="nav-menu">
   <li>
      <a href="#">Home</a>
      <ul>
         <li><a href="zoo.php">zoozo</a></li>
         <li><a href="about">Abort</a></li>
         <li><a href="connect">Contact</a></li>
      </ul>
   </li>
</ul>

我的js

$(".nav-menu li a").filter(function(){
   return this.href == location.href.replace(/#.*/, "");
}).addClass("active");

这是将active类添加到zoo.php或其他链接，但我还要将active类添加到Home - ＆gt; <a href="#" class="active">Home</a>喜欢这个 。 任何人都可以帮忙吗？

Answer 1

你可以这样做（http://jsfiddle.net/sergdenisov/h092n82y/）：

x + y

但更好的方法 - 在Javascript中使用类进行匹配：

<强> HTML：

y + x

<强>使用Javascript：

$('.nav-menu li a:eq(0)').addClass('active');

Answer 2

$(".nav-menu li a").filter(function(){
   return this.href == location.href.replace(/#.*/, "");
})
.addClass("active")
.closest('ul')
.prev('a')
.addClass("active");