Jquery 引导设置多级菜单的活动类

Jquery 引导设置多级菜单的活动类,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我有如下多级菜单: 如果与url匹配,我需要在li上设置活动菜单类。对于单击的li,它工作正常。在多级ul的情况下,我还需要设置父li 以下是我编写的当前jQuery函数: var url = window.location; $('ul.nav a').filter(function () { return this.href == url; }).parent().addClass('active-menu'); 示例:如果选择Transact

我有如下多级菜单:

  • 如果与url匹配,我需要在
    li
    上设置
    活动菜单
    类。对于单击的
    li
    ,它工作正常。在多级
    ul
    的情况下,我还需要设置父li

    以下是我编写的当前jQuery函数:

    var url = window.location;
    $('ul.nav a').filter(function () {
       return this.href == url;
    }).parent().addClass('active-menu');
    
    示例:如果选择Transactions-3-1,则需要在以下所有元素上设置
    active
    类:

    • 交易-3-1
    • 交易-3
    • 交易
    您可以使用查找与选择器匹配的元素的所有祖先,在您的情况下,您可以使用以下方法匹配所有
    li
    祖先:

    var url = window.location;
    $('ul.nav a').filter(function () {
       return this.href == url;
    }).parents('li').addClass('active-menu');