jquery - Jquery Highlight Active Link 适用于 Href 链接，但不适用于菜单项

Question

我正在使用这样的asp菜单控件。我想突出显示当前活动的菜单

<asp:Menu ID="NavMenu" runat="server" CssClass="menu" EnableViewState="false"
     Orientation="Horizontal">          
        <Items>
            <asp:MenuItem NavigateUrl="Home.aspx" Text="Home" />
            <asp:MenuItem NavigateUrl="EventMGMT.aspx" Text="Event Management" />
       </Items>
    </asp:Menu>

此 Jquery 适用于 href 链接，但不适用于我的菜单控件。我该怎么做才能引用我的菜单网址

 $(document).ready(function () {
        var url = window.location.href;
        url = url.substr(url.lastIndexOf("/") + 1);
        $("#NavMenu").find("a[href='" + url + "']").addClass("selected");
    }); 

编辑：纯CSS可以做到吗？

Answer 1

这里是

 inside menu control
<staticselectedstyle backcolor="red" />

 inside css
   div.menu ul li a::selection
    {

     }

Answer 2

当您在客户端上获取菜单客户端 ID 时，您需要获取它。尝试使用以下代码片段：

 <script type="text/javascript">
        $(document).ready(function () {
            var url = window.location.href;
            url = url.substr(url.lastIndexOf("/") + 1);
            $("#" + "<%= NavMenu.ClientID %>").find("a[href='" + url + "']").addClass("selected");
        });
    </script>