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>