javascript - 从元素中删除类并添加到下一个元素

Question

我有一个链接列表，其中一个是事件类。

在我的下一个按钮上单击 id 喜欢从当前元素中删除类并将其添加到下一个我似乎无法添加它？

我做了一个 fiddle 希望能解释我的问题，任何帮助都会很棒，谢谢

http://jsfiddle.net/h6D4k/

$('.next').click(function(){
    $('ul.pagination').find('a.active').removeClass('active');
    $('ul.pagination').find('a.active').next('a').addClass('active');
    return false;
});

Answer 1

jQuery 最有用的便利之一是它的方法(通常)是可链接的——换句话说，它们返回调用它们的对象。所以你可以简单地这样写:

$('ul.pagination').find('a.active').removeClass('active').closest('li')
                  .next('li').find('a').addClass('active');

... 因为它是 <li>应该是 'nexted' 的元素，而不是 <a>那些。但事实上，如果它是最后一个有问题的元素，你不应该完全丢弃它:

var $a      = $('ul.pagination').find('a.active'),
    $li     = $a.closest('li'),
    $nextLi = $li.next('li');

if ($nextLi.length) {
   $a.removeClass('active');
   $nextLi.find('a').addClass('active');
}