点击子菜单时，导航链接不会突出显示当前菜单

Question

我已经编写了用于突出显示每个respective submenu的菜单onclick的jquery代码。现在这里发生了什么是

我在sub-menu's的三个中有一个相同的链接，所以当我点击其中的一个时，它突出显示了最后一个菜单。

这里是我的代码： -

var str = location.href.toLowerCase(); 
     $("#menu li a").each(function() { 
      if (str.indexOf($(this).attr("href").toLowerCase()) > -1) { 
       $("li.activelink").removeClass("activelink"); 
       $(this).parent().addClass("activelink"); 
       $(this).parents("#menu ul").parent().addClass("activelink"); 
      } 
     }); 
     $("li.activelink").parents().each(function() { 
      if ($(this).is("li")) { 
       $(this).addClass("activelink"); 
      } 
     }); 
     $("li.activelink").parents("#menu ul").parent().each(function() { 
      if ($(this).is("li")) { 
       $(this).addClass("activelink"); 
      } 
     }); 
     $("#menu li .para1 a").each(function() { 
      if (str.indexOf($(this).attr("href").toLowerCase()) > -1) { 
       $("li.activelink").removeClass("activelink"); 
       $(this).parent().addClass("activelink"); 
       $(this).parents().parent().addClass("activelink"); 
      } 
     }); 
     $("li.activelink").parents().each(function() { 
      if ($(this).is("li")) { 
       $(this).addClass("activelink"); 
      } 
     }); 

看一看这里

也看到同样的在Js fiddle 的HTML请建议的东西一样

Answer 1

更新：这不是OP的预期问题。下面的代码不会解决问题。

我有这个问题无数次。试试这个CSS代码：

#menu > li:hover { background-color: red; } 

用你自己的亮点代替背景颜色声明。