如何使用jquery解决活动列表的问题

Question

>我在尝试更改类的值时遇到问题。我有以下几点：

我的目录。这是一个菜单：

<ul class="nav">
<li class="active">
<a href="home.php">Inicio</a>
</li>
<li>
<a href="correspondencia.php">Entrada</a>
</li>
</ul>

我的 JQuery：

$(document).ready(function(){
    $('ul.nav li').click(function() {    
    $('ul.nav li').removeClass('active');
    $(this).addClass('active');
    });
});

我想从 Inicio 中删除活动的类并将活动的类添加到 Entrada，但当我单击它时不会更改。

我不知道有什么问题。

Answer 1

你应该使用 $().on('click', function() {}); ： http://api.jquery.com/on/

$(document).ready(function(){
    // Here us on
    $('ul.nav a').on('click', function(e) {
        // Do not go to the page ? 
        e.preventDefault() ;
        // Select only the active one (was not a problem but is proper)
        $('ul.nav .active').removeClass('active');
        $(this).parent().addClass('active');
    });
});

编辑：收听a元素的点击。它更好。示例已更新。编辑2：这是一个jsFiddle：http://jsfiddle.net/KdaHh/编辑3：由于Mickael的评论，删除了一个错误的假设。

Answer 2

我相信你使用的是Jquery。
看看这个 http://api.jquery.com/parent/

$(document).ready( function(){
   $('a').click(function(){
       $('a').parent().removeClass('active');
       $(this).parent().attr('class', 'active');
   }
});

此代码片段

$('a').parent().removeClass('active');

只是从锚标记li中删除所有active类，下面的代码片段将active类添加到当前点击

$(this).parent().attr('class', 'active');