jquery/js當前URL對當前欄目高亮突出顯示

解決思路，導航欄目鏈接跟當前欄目對應頁面鏈接之間做比較，相等就給對應的導航欄目所在的li元素添加樣式

html:

<div class="nav">
        <ul>
            <li><a href="index.html">首 頁</a></li>
            <li><a href="b.html">專家觀點</a></li>
            <li><a href="c.html">課題研討</a></li>
            <li><a href="d.html">研究報告</a></li>
        </ul>
    </div><!--/.nav-->

jquery:

//除了首頁外當前URL對當前欄目高亮突出顯示
    $(".nav li a:not(:first)").each(function(){
        $this = $(this);
        if($this[0].href==String(window.location)){
            $this.parent().addClass("selected");
        }    
    });
//當前URL對當前欄目高亮突出顯示
    $(".sidenav li a").each(function(){
        $this = $(this);
        if($this[0].href==String(window.location)){
            $this.parent().addClass("selected");
        }    
    });

或者原生js:

//js 當前URL對當前欄目高亮突出顯示
var myNav = document.getElementById("nav").getElementsByTagName("a");
for(var i=0;i<myNav.length;i++){
    var links = myNav[i].getAttribute("href");
    var myURL = document.location.href;
    if(myURL.indexOf(links) != -1){
        myNav[i].parentNode.className="selected";
    }
}

jquery參考

js參考http://hi.baidu.com/pwqok/item/0e21cc14c53026ce38cb3073