在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

因为＆＃34; nav＆＃34;你必须在它之前添加一个点。

你的jQuery应该是：

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