a标签跳转接口后添加样式

1、利用substring和lastIndexOf
  substring() 方法用于提取字符串中介于两个指定下标之间的字符。

  substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

  lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,如果指定第二个参数 start,则在一个字符串中的指定位置从后向前搜索。

代码展示:

//侧边切换
$(".main-left-list").each(function () {
   var url = window.location.href;
    if (returnUrl($(this).children().attr("href"))==returnUrl(url)){
        $(this).addClass("rankingPlate");
    }
});
function returnUrl(href) {
    var number = href.lastIndexOf('/');
    return href.substring(number+1);
}

我的接口:
var url = /user/plate/0/62
注:
  因为我是根据最后一个数的不同而为其添加的样式,所以首先获取当前打开页面的URL,在判断我获取的接口与其是否相等,如果相等则调用returnUrl这个函数根据截取的数字是否相同而为其添加样式。
2、利用substr
  substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。

代码展示:

$(".rankScreenLi").each(function () {
    var url = window.location.href;
    if(returnUrlSub($(this).children().attr("href"))==returnUrlSub(url)){
        $(this).addClass("rankScreenStyle");
    }
});
function returnUrlSub(href) {
    return href.substr(-3,1);
}

**注:**这个地方截的是指定位置的字符。

总结:

我写两种方法是有原因的,刚开始我用的是第二种方法,但是接口传过来的数字不是单位数字,所以用第二种方法就会有很大的bug。而第一种方法就是可以找到最后一个‘/’截取它后面所有的字符串然后进行比较。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值