cat/books/fiction/?sort=overall_score
根据该链接中的sort参数,更改a标签的样式,此处注意,点击后是要跳转页面的,所以要根据url参数来判断更改。
html代码:
<a class="price initial" href="?sort=price">Price ↓</a>
js代码如下:
<script type="text/javascript">
$(function(){
var url = location.href.toString();
if(url.indexOf("sort=")>0){
url = url.split("sort=")[1];
url = url.split("&")[0];
}else{
url = "";
}
if(url == 'price'){
$(".rank li .price").addClass("selected").removeClass("price")
}else if(url == 'overall_score'||url == ''){
$(".rank li .score").addClass("selected").removeClass("score")
}
});
</script>
实现效果图: