在for元素中添加或删除活动类

Question

我想添加或删除css类时，菜单的选项被选中，但我有一个问题，所以我的html:

 <ul class="nav" id="main-menu">
            <li>
                <a class="active" href="1.html"><i class="fa fa-dashboard fa-3x"></i>Home</a>
            </li>
            <li>
                <a href="2.html"><i class="fa fa-desktop fa-3x"></i>Add</a>
            </li>
            <li>
                <a href="3.html"><i class="fa fa-qrcode fa-3x"></i>View</a>
            </li>
</ul>

我的css:

.active{
    background-color:#C90000!important;
 }

我jquery:

$('nav li a').on('click', function() {  
$('nav li a.active').removeClass('active');
$(this).addClass('active');    
});

请大家帮帮我

Answer 1

使用.nav代替nav来引用UL元素

$('.nav li a')
$('.nav li a.active')

此处可测试:http://jsfiddle.net/c9j3u7af/

Answer 2

由于"nav"是一个类，所以必须在它前面加一个点。

你的jQuery应该是:

$('.nav li a').on('click', function() {  
$('.nav li a.active').removeClass('active');
$(this).addClass('active');    
});