Javascript 如何在选择子菜单后激活导航栏的主菜单（突出显示）

我有一个带主菜单和一些子菜单的引导导航栏。我所需要做的就是在单击选择主菜单的子菜单后，使其中一个主菜单处于活动状态（高亮显示）。例如，如果我单击以选择“对于托运人”，“其工作方式”应处于活动状态并突出显示。现在，我只能使主菜单激活，如果我选择它，但它不与子菜单。可能只是需要在下面的代码中添加javascript或Jquery，但我对Jquery不是很熟悉；我感谢任何帮助：

$（函数（）{
//突出显示当前导航
$（“#索引a:包含（'HOME'）”）.parent（）.addClass（'active'）；
$（“#托运人a:包含（'shippers'）”）.parent（）.addClass（'active'）；
$（“#载体a:包含（'carriers'）”）.parent（）.addClass（'active'）；
$（“#运营商注册a:contains（'First Time User Sign'）”）.parent（）.addClass（'active'）；
$（“#运营商#u登录名a:contains（'Current User login'））。parent（）.addClass（'active'）；
$（“#关于a:contains（'about US'）”）.parent（）.addClass（'active'）；
$（“#联系人a:contains（'contact US'）”）.parent（）.addClass（'active'）；
$（“#如何工作a:contains（'HOW WORKS'））.parent（）.addClass（'active'）；
$（“#hiw#u托运人a:contains（'FOR shippers'）”）.parent（）.addClass（'active'）；
$（“#hiw#u载体a:contains（'FOR carriers'）”）.parent（）.addClass（'active'）；
//使用鼠标悬停下拉菜单使菜单自动下拉
$（'ul.nav li.dropdown'）。悬停（函数（）{
$（'.dropdown menu'，this.fadeIn（）；
}，函数（）{
$（'.dropdown menu'，this.fadeOut（'fast'）；
});
})

.navbar默认值{
背景色：#0064ff；
}
.navbar默认值.navbar品牌{
颜色：白色；
}
.navbar默认值.navbar nav>li>a{
颜色：白色；
}
.navbar默认值.navbar导航>li>a:悬停{
背景色：#E8E8E8；
}
navbar先生{
页边距底部：0；
}
.图标栏{
利润：-20px 0px-20px 3px；
}
.主动{
背景色：#E8E8E8；
}

鼠标悬停或单击时是否需要高亮显示？因为，如果单击

，我看不到任何突出显示其父项的点。它将转到其他页面

但如果悬停。您可以将其添加到CSS中

li:hover > a {background-color: #E8E8E8;}
li:hover a:hover {background-color: #E8E8E8;}

@

如果您想
点击

$(".dropdown-menu > li > a").on("click",function(x){
    var tgt     = $(this).closest(".dropdown").children("a");
    if(!tgt.hasClass("active"))
        tgt.addClass("active");
  x.preventDefault();
});

$("li").on("mouseover",function(){
    var tgt     = $(this).children("a");
    if(tgt.hasClass("active"))
        tgt.removeClass("active");
});

您的css在悬停状态下工作，谢谢，但实际上我想在选择（或单击）子项后突出显示父项，即使它已经转到另一个页面。例如，在我的html代码中，我想在选择子项“for Shippers”并将其移动到子项页面后突出显示父项“如何工作”。我尝试了你的javascript，但它在这种情况下不起作用。我所需要做的就是在子页面上突出显示父页面-只是为了澄清。我为我的问题道歉，因为它可能不起作用，因为我的父页面不存在。我将尝试为家长创建一个页面，而不仅仅是href=“#”来查看它是否有效。你现在可以忽略我的问题。谢谢