对于静态页面通过当前URL对当前栏目链接高亮显示这个技巧很多小伙伴问过墨鱼,今天放一下通用代码给小伙伴参考:
HTML代码:
<div class="nav">- <a href="index.html">首页
- <a href="list_1.html">栏目一
- <a href="list_2.html">栏目二
- <a href="list_3.html">栏目三
JQ代码:
//除了首页外当前URL对当前栏目高亮突出显示
$(".nav li a:not(:first)").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$this.parent().addClass("selected");
}
});
//当前URL对当前栏目高亮突出显示
$(".nav li a").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$this.parent().addClass("selected");
}
});
或者使用原生js代码:(HTML代码部分的class="nav"改成id="nav")
标签:jquery,栏目,高亮,URL,代码,js,nav,当前 From: https://www.cnblogs.com/vvkk/p/18519079