导航点击跳转点击后给那个li加选中样式用jq的实现

HTML代码

 <div class="nav_box">
      <ul class="nav">
           <li>	                
                <a href="index.html">
                    <h3>首页</h3>
                </a>
            </li>
       
            <li>
                <a href="wenlv.html">
                    <h3>非遗文旅</h3>
                </a>
            </li>
            <li>	                   
                 <a href="yanxue.html">
                    <h3>非遗研学</h3>
                </a>
            </li>
        </ul>
  </div>  

js代码

<script type="text/javascript">
   $(function(){
	   $('.nav > li a').each(function(){
		    $this = $(this);
	        if ($this[0].href == String(window.location)) { //String 对象用于处理文本（字符串）
	            $this.parent().addClass("active");
	        }
		})
   })
</script>