Jquery 在菜单上添加和删除类

Question

我是jquery新手，我有这个html代码菜单:

<nav>
    <ul class="navtab">
        <li class='home selected'><a href='index.php'>Home</a></li>
        <li class='about'><a href='company.php'>About</a></li>
    </ul>
</nav>

这是 jquery 代码:

$(".navtab li.about").click(function(){
    $('.navtab li.home').removeClass('selected');
    $('.navtab li.about').addClass('selected');
});

这是我的 CSS:

nav ul.navtab li.selected a{
    color: #fff;
    background-color: #575757;
}

当选择页面加载选项卡主页时。当我单击“关于”选项卡时，我想删除在选项卡主页上选择的类并添加在“关于”选项卡上选择的类。问题出在哪里？？

提前致谢。法比奥

Answer 1

使用removeClass('home.selected')代替removeClass('selected');也$('.navtab li.home') 将是 $('.navtab li.home.selected')

<强> Live Demo

$("nav li.about").click(function(){  
     $('nav li.home.selected').removeClass('home selected');     
     $('nav li.about').addClass('selected');
});