关于选择导航高亮，为什么无效？

Question

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript">
$(document).ready(function(){         
    $("#nav > li").find("a").click(function(){
        $("#nav").find("li").removeClass("active");
        $(this).parent("li").addClass("active");
    });
});
    </script>

                                                                        <div class="z-nav-container" >
<ul class="z-nav-conter menu clearfix" id="nav">
            <li ><a href="/"  ><span>网站首页</span></a></li>
            
         <li><a href="/a1brand/"><span>品牌概述</span></a></li>
     <li><a href="/product/" ><span>产品介绍</span></a>
    <ul class="z-nav-sub">
        <li><a href="/product/meishidapei/"><span>美食搭配</span></a></li>
        
        <li><a href="/product/nut/"><span>坚果集</span></a></li>
        
        <li><a href="/product/seaSedge/"><span>坚果海苔</span></a></li>
        
        <li><a href="/product/negative/"><span>牛轧饼</span></a></li>
        
        <li><a href="/product/donkeyHideGelatinCake/"><span>阿胶糕</span></a></li>

    </ul>
    </li>
        <li><a href="/foundingTeam/"><span>创始团队</span></a></li>
        <li><a href="/a/news/" ><span>媒体报道</span></a></li>
        <li><a href="/contact/" ><span>联系我们</span></a></li>
</ul>

                                                                        </div>

使用以上代码，为什么导航选中仍然无法添加class="active" 高亮，求解

Answer 1

你点击一个链接，高亮了，然后又跳到了另一个页面

Answer 2

你试着把你 href的内容全部去掉，你就会发现是因为你的跳转导致了，高亮样式消失，
如果你想跳转保留样式，我知道有两种方法
1.你可以用 缓存/连接带参 把它这个位置存起来，跳转时在新的页面根据 链接上的参数/缓存 判断active的位置
2.把nav作为公共部分，通过document获取新的页面。