jquery - jQuery .first() 和 .last() 的工作方式不同吗？

Question

所以，我正在使用此标记构建一个简单的幻灯片控件:

<div class="previous"> </div>
<div class="next"> </div>
<div class="gallery"> </div>
    <div class="image-0"> </div>
    <div class="image-1"> </div>
    <div class="image-2"> </div>
    <div class="image-3 active"> </div>
    <div class="image-8"> </div>
    <div class="image-9"> </div>
    <div class="image-10"> </div>
    <div class="image-11"> </div>
</div>

我正在尝试使用 jQuery 进行导航，如下所示:

$('.next').click(function() {

    $('.active').next().addClass('active');
    $('.active').first().removeClass('active');


  });
$('.previous').click(function() {

    $('.active').prev().addClass('active');
    $('.active').last().removeClass('active');

});

因此，第一个 jQuery block 按预期工作，首先将 active 类分配给下一个 div，然后将其从第一个 div 中删除。第二个 block 应该以相反的方式执行此操作，但在将最后一项添加到前一项后，不会从最后一项中删除该类。

我是否从错误的角度解决了这个问题？或者first() 和last() 函数的工作方式是否不同？从我从 jquery 文档中可以看出，这应该有效。

Answer 1

我用你的代码创建了一个jsfiddle，它工作正常:http://jsfiddle.net/K5vN4/

(使用 Firebug 或类似工具检查 fiddle 的“结果”区域。)