js求助

Question

 <ul id="menu_1">
    <li><a href="http://127.0.0.1/index.jsp" class="nav-top-item current no-submenu ">首页</a></li>
    <li><a href="http://127.0.0.1/index1.jsp" class="nav-top-item no-submenu">注册</a></li>
    <li><a href="http://127.0.0.1/index4.jsp" class="nav-top-item no-submenu">注册1</a></li>
    <li><a href="http://127.0.0.1/index3.jsp" class="nav-top-item no-submenu">注册2</a></li>
    <li><a href="http://127.0.0.1/index2.hz" onclick="getCurrent(event)" class="nav-top-item ">系统管理</a>
     <ul>
<li><a href="http://127.0.0.1/aa.jsp">管理1</a></li>
<li><a  href="http://127.0.0.1/bb.jsp">管理2</a></li> </ul>
    </li>
</ul>
以上代码，当单机某个菜单时，将其class改为"nav-top-item current no-submenu" ,
其他的菜单class为"nav-top-item no-submenu "改如何实现？

Answer 1

改也没用，都跳转了，要不用ajax

Answer 2

<script type="text/javascript">
$(function(){
$("#menu_1 a").click(function(){
$("#menu_1 a").removeClass("current");
$(this).addClass("current");
return false;
});
});
</script>

Answer 3

试试这样：$(function () {            $('li a').click(function () {
                $('li a').each(function () {
                    $(this).attr('class', 'nav-top-item no-submenu');
                });
                $(this).attr('class', 'nav-top-item current no-submenu');
                return false;
            });        });