jsp將菜單include 進頁面後，js動態改變當前菜單鏈接CSS

jsp將菜單include 進頁面後，js動態改變當前菜單鏈接CSS

經常會出現一種情況是將菜單include 進每個頁面。但是還想控制當前的頁面的菜單顯示不同的CSS.
以下通過js來實現。
比如菜單是這樣的：

菜單：
<div class="mj_ul">
<ul>
    <li><a href="#">我的購物車 </a></li>
    <li  ><a href="#">我的訂單 </a></li>
    <li><a href="#">方案團購活動列表</a></li>
    <li><a href="#">我的收藏</a></li>
    <li><a href="#">我的抽獎 </a></li>
    <li><a href="#">產品諮詢 </a></li>
</ul>
</div>

js代碼:

<script type="text/javascript">
$(".mj_ul li a").each(function(){
    $this = $(this); 
    if($this[0].href==String(window.location)){ 
        $this.attr("href","javascript:;");
        $this.parent().addClass("yellow");  
    }
}); 
</script>