admin 发表于 2014-3-15 22:33:01

jQuery实现当前URL高亮

jQuery实现当前URL高亮:
/*jQuery实现当前URL高亮*/
$(function(){
var myNav = $("#navs a"),i;
for(i=0;i<myNav.length;i++){
var links = myNav.eq(i).attr("href"),myURL = document.URL;
if(myURL.indexOf(links) != -1) {
myNav.eq(i).attr('class','on');
}
}
})

以上实现ID为navs下的a链接当前高亮,class绑定在a链接上。

如果想绑定在a链接外的ul li中,那么可以用下面代码:
/*jQuery实现当前URL高亮*/$(function(){
var myNav = $("#nav a"),i;
for(i=0;i<myNav.length;i++){
var links = myNav.eq(i).attr("href"),myURL = document.URL;
if(myURL.indexOf(links) != -1) {
myNav.eq(i).parents("li").attr('class','on');
}
}
})
页: [1]
查看完整版本: jQuery实现当前URL高亮