核心提示:页面上代码li class= menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item ...
页面上代码
<li class=" menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2160 current_page_item bit-menu-post-id-2160 menu-item-2319 first"><a href="{{$val->header_table}}"><span>{{$val->header_name}}</span></a></li>
jquery代码
<script> $(document).ready(function(){ var url = window.location.pathname; var style = url.substr(url.lastIndexOf('/') + 1); $(".menu-item").each(function(){ //判断当前路由跟href里边的地址是否相同 if(style == $(this).children('a').attr('href')) { //相同的话,给li标签添加带有样式的class $(this).addClass('act'); } }) }) </script>