jQuery给跳转后页面的导航栏添加选中后样式

<script>
$(document).ready(function(){

$(".nav a").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$("#li").removeClass("active");
$this.parent().addClass("active");

}
});
});

</script>

<ul class="nav nav-sidebar">
<li  id="li"><a href="main.action">报告</a></li>
</ul>
<ul class="nav nav-sidebar">
<li><a href="article.html">文章</a></li>
<li><a href="notice.html">公告</a></li>
<li><a href="comment.html">评论</a></li>
</ul>