javascript - 使用正则表达式将当前 url 路径与导航路径匹配？

Question

我使用此表达式获取当前 url 路径目录/products/， 因此我试图找到使用该表达式的列表项www.mysite.com/products/watches
/\/(.*?)\//
/products/
<ul> <li><a href="/home.htm">home</a></li>
<li><a href="/products/watches">watches</a></li>
<li><a href="/services/watch-repair">repairs</a></li>
<li><a href="/support/refund">refund</a></li> </ul>

这就是我到目前为止所拥有的。这是小提琴的一个更好的例子

Answer 1

你的正则表达式很好。你的 javascript 需要更像。

$('ul li a[href^="'+urlmatch[0] +'"]').each(function() {
    $(this).addClass('active');      
});

该代码会找到以您的正则表达式开头的每个链接并将其标记为活动。