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>