jquery - 单击 HREF 动态切换 css 类

Question

我的任务是单击一个 HREF 列表项，将其设为粗体并使其他项变为正常。为此，我需要执行一个简单的类切换。我目前在检查时没有发现任何错误，它只是什么都不做。服务器标签(asp:hyperlink 等同于 href)有什么不同吗？这是我的代码...

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SmuSideNavigationSublayout.ascx.cs" Inherits="SmuSideNavigation.layouts.ProjectX.sublayouts.SmuSideNavigationSublayout" %>

<style type="text/css">

    .selected_Turn {
        font-weight: normal;
    }

    .selected_Turn_on {
        font-weight: bold;
    }
</style>


<div id="smuSideNav" class="selTurn">
    <ul class="nav nav-list">
        <li class="nav-header home"><asp:HyperLink runat="server" ID="hypParent" CssClass="selected_Turn"/></li>
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <li><asp:HyperLink runat="server" ID="hypChild" CssClass="selected_Turn"/></li>
            </ItemTemplate>
        </asp:Repeater>
    </ul>
</div> 


<script type="text/javascript">
    jQuery('.selTurn a').click(function () {
        jQuery('.selTurn a').removeAttr('class'); // remove all classes
        jQuery(this).attr('class', this.className + "_on");
    });
</script>

Answer 1

您应该尝试 jquery addClass() toggleClass() 和 removeClass() 方法，而不是处理属性。我相信 toggleClass() 会做你想做的事。