如果选择了子菜单，则展开父菜单

我有一个带子子菜单的菜单。 我面临的问题是，无论何时我在页面加载后选择子菜单，菜单都会崩溃。 我想打开扩展的父菜单。

HTML代码是：

---

 
 
Home
 
Products 
 
Product 1 
 
Sub Product
 
Sub Product
 
 
 
Product 2 
 
Sub Product
 
Sub Product
 
 
 
 
 
About
 
Contact
 
  

JS是：

---

 jQuery(document).ready(function () { jQuery('#cssmenu').on("click","li.has-sub .holder",function () { var element = jQuery(this).parent('li'); if (element.hasClass('open')) { element.removeClass('open'); element.find('li').removeClass('open'); element.find('ul').slideUp(); } else { element.addClass('open'); element.children('ul').slideDown(); element.siblings('li').children('ul').slideUp(); element.siblings('li').removeClass('open'); element.siblings('li').find('li').removeClass('open'); element.siblings('li').find('ul').slideUp(); } }); jQuery('#cssmenu ul li.has-sub').prepend(''); }); 

如果选择子菜单，如何展开父菜单。

小提琴 ： https ： //jsfiddle.net/x415mjfq/

Answer 1

您在链接中拥有完整的绝对URL; 这可以对你有利。 只需使用带有方括号选择器的document.querySelector和location.href属性：

 document.querySelector("a[href='" + location.href + "']").classList.add("selected"); 

然后，做任何你需要做的事情。 在这个例子中，我正在添加selected类。

小提琴