table切换

页面上代码

<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>