javascript正则表达式匹配url的2部分(菜单和子菜单)

Question

我想向事件的菜单项添加一个“事件”类。

像这样工作正常:

var url = window.location.pathname;
urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");

$('.menu li a').each(function(){
        var hreflink = $(this).attr("href");

        if(urlRegExp.test(this.href.replace(/\/$/,''))){
            $(this).parent().addClass('active');
        }
});

我还在页面上有一个第二个菜单(一个子菜单，但不在主菜单附近)，其中包含该页面子级的链接列表，我还想添加一个“事件”类子菜单也(同时也是主菜单)

基本上，例如，当我在这个页面上时:

www.website.com/shops/cds

• 我想将事件类添加到主菜单中的“商店”(li 项)
• 我想将事件类添加到子菜单(li 项)中的“cds”

目前，上面的正则表达式仅适用于主菜单，如果我在子页面(子页面)上，它将适用于子菜单，但不能同时适用于两个菜单。

有人可以帮我吗？ ;-)

非常感谢!

亲切的问候本

Answer 1

我使用一个名为 http://www.regexr.com/ 的网站用于我所有的 JS 正则表达式。

此正则表达式获取您的组件:

/\/(([a-z])+)/ig

这是一个供您使用的示例程序:

var url = 'www.website.com/shops/cds'
var reg = /\/(([a-z])+)/ig

var test = $('#test')

var match = reg.exec(url);
while (match != null) {
  test.append('<div>' + match[1] + '</div>')
  match = reg.exec(url);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  Test for: www.website.com/shops/cds
</div>
<div id="test">
  
</div>