我有一个问题。
菜单很简单：
<div class="menu"> <ul> <li><a href="~/link1/">LINK 1</a> <li><a href="~/link2/">LINK 2</a> <li><a href="~/link3/">LINK 3</a> </ul> </div>
在jQuery我需要检查，如果url是www.xyz.com/other/link1/
如果是这个我想添加一个类一个’a’元素的link1。
我尝试许多解决方案，但没有工作。
解决方法
Click here解决方案在jsFiddle
你需要的是你需要得到window.location.pathname如上所述，然后从它创建regexp并测试它对导航hrefs。
$(function(){
var url = window.location.pathname,urlRegExp = new RegExp(url.replace(/\/$/,'') + "$"); // create regexp to match current url pathname and remove trailing slash if present as it could collide with the link in navigation in case trailing slash wasn't present there
// now grab every link from the navigation
$('.menu a').each(function(){
// and test its normalized href against the url pathname regexp
if(urlRegExp.test(this.href.replace(/\/$/,''))){
$(this).addClass('active');
}
});
});
