设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 602|回复: 0

[高手进阶] jQuery实现当前URL高亮

[复制链接]

374

主题

381

帖子

2554

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2554
发表于 2014-3-15 22:33:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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. })
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|PHPIN.NET ( 冀ICP备00000001号 )|网站地图  

GMT+8, 2016-12-6 00:33

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表