页面刷新跳转的，保持当前选中项高亮

<li ><a  href="#"><i class="fa fa-cogs"></i><span th:text="#{side.data}"></span></a>
            <ul class="allnav">
                <li><a href="staff"><span  th:text="#{side.data.staff}"></span></a></li>
                <li><a href="caller"><span th:text="#{side.data.caller}"></span></a></li>
                <li><a href="stat"><span th:text="#{side.data.stat}"></span></a></li>
                <li><a href="device"><span th:text="#{side.data.status}"></span></a></li>
            </ul>
        </li>

  /*  href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL
    $(this)[0].href   当前页面打开URL页面*/

$(".allnav li a").each(function () {        
                //window.location.href对象用于获得当前页面的地址 (URL)，
                //String() 函数把对象的值转换为字符串    
            if ($(this)[0].href == String(window.location)) {
                //该元素增加一个类on同时它的兄弟元素去掉on类
                //二级菜单高亮
                $(this).addClass("on").siblings().removeClass("on");    
                //一级菜单高亮
                $(this).closest('ul').parent("li").addClass("on").siblings().removeClass("on"); 
            }
    });

.on {
   font-weight: bold;
   background:blue; 
}