在 asp.net 导航中将 cssClass 添加到 CurrentNode

Question

这是我的代码：

<div class="Cat-list unselectable" style="font-weight:bold;">
    <div class="right-bar-nav-item">
        <asp:HyperLink runat="server" ID="lnkHome" NavigateUrl="~/Default.aspx">Home</asp:HyperLink>
    </div>
    <asp:Repeater runat="server" ID="menu" DataSourceID="SiteMapDataSource1">
        <ItemTemplate>
            <div class="right-bar-nav-item">
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("Url") %>' ToolTip='<%# Eval("description") %>'><%# Eval("Title") %></asp:HyperLink>
            </div>                              
        </ItemTemplate>
    </asp:Repeater>
</div>
<div style="clear:both;"></div>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />

我想为当前节点提供“.selected”类。例如：如果它的 Default.aspx 那么它应该从 <div class="right-bar-nav-item"> 更改为 <div class="right-bar-nav-item selected">

Answer 1

$(function(){

var url = window.location.pathname, 
    urlRegExp = new RegExp(url.replace(/\/$/,'') + "$"); 

    // now grab every link from the navigation
    $('.menu a').each(function(){
        // and test its normalized href against the url pathname regexp
        if(urlRegExp.test(this.href.replace(/\/$/,''))){
            $(this).addClass('selected');
        }
    });
});

以下是您可以在 javascript 中执行此操作的方法。