判斷href顯示對應菜單高亮

HTML

<div class="nav">
2         <ul>
3             <li><a href="index.html">首 頁</a></li>
4             <li><a href="b.html">專家觀點</a></li>
5             <li><a href="c.html">課題研討</a></li>
6             <li><a href="d.html">研究報告</a></li>
7         </ul>
8     </div>

js

//除了首頁外當前URL對當前欄目高亮突出顯示
 2     $(".nav li a:not(:first)").each(function(){
 3         $this = $(this);
 4         if($this[0].href==String(window.location)){
 5             $this.addClass("selected");//當前元素添加class
 6         }    
 7     });
 8 //當前URL對當前欄目高亮突出顯示
 9     $(".sidenav li a").each(function(){
10         $this = $(this);
11         if($this[0].href==String(window.location)){
12             $this.addClass("selected");
13         }    
14     });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章