获取URL路由参数javascript并将类添加到其子菜单以使其处于活动状态

Question

我有此路由参数，将基于每个参数显示子菜单。

请帮助，

像我

http://test.dev/admin

http://test.dev/admin/package

http://test.dev/admin/product

http://test.dev/panel

http://test.dev/panel/profile

http://test.dev/panel/account

以及面板和管理下的所有菜单应显示在其子菜单下。

我想获取panel和admin参数或第一个参数中的任何参数，作为将类添加到CSS的基础。

$(document).ready(function() {
$(function () {
    var url = window.location.pathname,
    urlRegExp = new RegExp(url.replace(/\/$/, '') + "$");  
        $('a').each(function () {
            if (urlRegExp.test(this.href.replace(/\/$/, ''))) {
                var tab = $(this).data('main_menu');
                $(this).parents('li').addClass('menu-item-active');
                $(this).parents('div.tab-pane').addClass('show');
                $(this).parents('div.tab-pane').addClass('active');
                $('#'+tab).addClass('active');
            }
        });



});

}）;

我试图获取的是panel和admin参数，以便可以向其中添加类。

Answer 1

window.location.pathname.split("/")[1]是您要寻找的。