使用Jquery突出显示导航菜单中的父链接

我使用以下Jquery在导航中突出显示当前页面的链接

// Add Active Class To Current Link
var url = window.location; // get current URL
$('#nav a[href="'+url+'"]').addClass('active');

我的导航如下所示：

<nav>
  <ul id="nav">
    <li><a href="">Home</a></li>
    <li><a href="">About Us<b class="caret"></b></a>
      <ul>
        <li><a href="">Sub Link 1</a></li>
        <li><a href="">Sub Link 2</a></li>
        <li><a href="">Sub Link 3</a></li>
      </ul>
    </li>
    <li><a href="">Products</a></li>
    <li><a href="">Contact</a></li>
  </ul>
</nav>

导航有一个子导航用于“关于我们”部分

我想让“关于我们”链接接收“活动”类，这样当我在其subnav页面上时，它会保持高亮显示

例如，如果我在“子链接2”页面上，About-Us链接被赋予一个活动类

有人能给我指一下正确的方向吗

感谢您的帮助

请尝试下面的代码

// Add Active Class To Current Link
var url = window.location; // get current URL
$('#nav a[href="'+url+'"]').addClass('active');

var $activeUL = $('.active').closest('ul');
/*
Revise below condition that tests if .active is a submenu
*/
if($activeUL.attr('id') != 'nav') { //check if it is submenu
    $activeUL
        .parent() //This should return the li
        .children('a') //The childrens are <a> and <ul>
        .addClass('active'); //add class active to the a    
}

//将活动类添加到当前链接
var url=window.location；//获取当前URL
$（'#nav a[href=“”+url+“]”）addClass（'active'）；
变量$activeUL=$（'.active'）。最近（'ul'）；
/*
修改以下条件，以测试.active是否为子菜单
*/
如果（$activeUL.attr（'id'）！='nav'）{//检查它是否是子菜单
$activeUL
.parent（）//这应该返回li
.children（'a'）//孩子们是和

.addClass（'active'）；//将活动类添加到
}