在asp.net上添加Active Navigation Class

Question

我有这个HTML代码：

                  <ul id="main-nav">
                    <!-- Accordion Menu -->
                    <li><a href="" class="nav-top-item   /*i want to add class here*/">
                        <!-- Add the class "no-submenu" to menu items with no sub menu -->
                        Main link </a>
                        <ul>
                            <li><a href="Service_Update.aspx">link 1</a></li>
                            <li><a href="ContactUS.aspx">link 2</a></li>
                            <li><a href="About.aspx">link 3</a></li>
                        </ul>
                    </li></ul>

我想添加＆＃34;当前＆＃34;用户在主链接中单击时标记--a--的类

Answer 1

试试这个：

$('#main-nav > li > a').click(function() {
    $(this).addClass('current');
});

如果您需要从之前单击的链接中删除该类，则可以使用以下命令：

$('#main-nav > li > a').click(function() {
    $('#main-nav a').removeClass('current');
    $(this).addClass('current');
});