jQuery实现当前URL高亮

admin

jQuery实现当前URL高亮：

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

复制代码

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

如果想绑定在a链接外的ul li中，那么可以用下面代码：

1. /*jQuery实现当前URL高亮*/$(function(){
   
2. var myNav = $("#nav a"),i;
   
3. for(i=0;i<myNav.length;i++){
   
4. var links = myNav.eq(i).attr("href"),myURL = document.URL;
   
5. if(myURL.indexOf(links) != -1) {
   
6. myNav.eq(i).parents("li").attr('class','on');
   
7. }
   
8. }
   
9. })

复制代码