Javascript 在不同页面的菜单上突出显示类

我试图做的是，当我点击主菜单或子菜单时，主菜单元素应该高亮显示

在我的示例中：如果单击Menu1，我应该转到index.php，li应该具有class=“selected”

如果我转到Menu2子菜单1，我应该转到test.php，Menu2的li应该有class=“selected”

jQuery（文档）.ready（函数（$）{
//获取当前路径并找到目标链接
var path=window.location.pathname.split（“/”）.pop（）；
//具有空路径的主页的帐户
如果（路径=“”）{
path='index.php'；
}
var target=$（'li a[href=“+path+'”）；
//将活动类添加到目标链接
target.addClass（'selected'）；
});
li.selected{
背景色：#000；
}


宽度：8%；“>

宽度：21%；“>







宽度：23%；“>









在“a”元素而不是“li”元素中添加类

或者您的css只处理“li”元素

target.parent().addClass('selected');

target.parent().addClass('selected');