做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的塊作品預計，首先將active類分配給下一個div，然後從第一個div中刪除它。第二個塊應該以相反的方式進行，但是在將其添加到前一個項目後不會從最後一個項目中刪除該類。

我從錯誤的一面接近這個問題嗎？或者第一個（）和最後一個（）函數的工作方式不同？從我可以從jquery文檔中得知，這應該是有效的。

Answer 1

我創建了你的代碼的jsfiddle，和正常工作：（使用Firebug的或類似的檢查小提琴的「結果」區域）http://jsfiddle.net/K5vN4/