根据当前网页url查找所在的菜单追加active或其它标识

前端 2018-09-05

html demo

<div id="headerMenu">
    <ul>
        <li>
            <a href="/"> 首页</a>
        </li>
        <li>
            <a href="/info"> 信息</a>
        </li>
    </ul>
</div>

jquery

var CURRENT_URL = window.location.href.split('#')[0].split('?')[0];
var SIDEBAR_MENU = $('#headerMenu');
// check active menu
SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').addClass('active');
SIDEBAR_MENU.find('a').filter(function () {
    return this.href == CURRENT_URL;
}).addClass('active');