Jquery高亮显示活动链接适用于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适用于a href链接，但不适用于我的菜单控件。我该怎么做才能引用我的菜单url的

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

edit：纯css有可能吗？

Answer 1

您需要在客户端上获取Menu客户端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>

Answer 2

这里是

 inside menu control
<staticselectedstyle backcolor="red" />
 inside css
   div.menu ul li a::selection
    {
     }