让当前选中栏目高亮显示的一种方法

<ul class="menucontent" id="menucontent">
    <li><a href="/WEBUI/Home/Index" url="Index" class="top">@(Resource.layout_menu_index)</a></li>
    <li><a href="/WEBUI/Lock/LockList" url="LockList,LockDistributionHistory,HistoryByLockCode">@(Resource.layout_menu_locklist)</a></li>
    <li><a href="/WEBUI/Lock/LockBind" url="LockBind">@(Resource.layout_menu_lockbind)</a></li><li><a href="/WEBUI/Home/ChangePassword" url="ChangePassword">@(Resource.layout_menu_changepwd)</a></li>
    <li><a href="/WEBUI/Account/LogOut">@(Resource.layout_menu_logout)</a></li>
</ul>
<script type="text/javascript">
    $(document).ready(function () {
        var localUrl = location.pathname;
        var urlArray = localUrl.split('/');
        if (urlArray.length > 3) {
            $("#menucontent li a[url*='" + urlArray[3] + "']").addClass("on");
        }
    });
</script>

 

转载于:https://www.cnblogs.com/ariklee/p/4072116.html