点击A标签跳转新页面,同时改变a标签的字体颜色,答案如下

首先我们大家都知道,当你点击a标签的时候已经跳转的另外一个页面,那么所有的东西都会变为初始化;所以无论你怎么添加类都是没用的,希望这个方法可以帮助到各位

首先你得在你的a标签中添加data-anchor这个属性,并且要等于你的链接名  

比方说你的a链接是jump.html   那么你在a标签后面要接上data-anchor="jump";

< a href= "for.html" data-anchor= "for" class= ""></ a>像这样
接下来就是在样式里也一个类,写好这个类的样式

复制以下代码放到js里既可以完成,就算跳转页面,也可以改变颜色,并且是一直保留不是跳转之后就没了

$( ".submenu li a"). each( function( v, elm){
         var $a = $( this);

         if ( $a. data( 'anchor') == window.location.href. slice(window.location.href
. lastIndexOf( "/") + 1). slice( 0, - 5) ) {
            $a. addClass( "current");
        }
    });

这个方式是通过你裁切取值的方法找到这个链接的名字循环去跟它进行对比,如果是的那么在给这个链接添加样式即可。



  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值