Jquery獲取多個元素的刪除類exept最後一個

Question

好吧我有多個選擇框的類「active_category」 我想從最後一個輸入中刪除類exept。

我得到這個：

<input type="text" class="active_category"/> 
<input type="text" class="active_category"/> 
<input type="text" class="active_category"/> 
<input type="text" class="active_category"/> 

而且我想把它改成這樣：

<input type="text" class=""/> 
<input type="text" class=""/> 
<input type="text" class=""/> 
<input type="text" class="active_category"/> 

我給這家目前的jQuery代碼是：

var count = 1; 
    var total = $(".active_category").length; 
    $(".active_category").each(function() { 
     if(count < total) 
     { 
      $(this).removeClass("active_category"); 
     } 
     count++; 
    }); 

是否有短這樣做？

Answer 1

不需要each。只需使用:not和:last選擇器：

$(".active_category:not(:last)").removeClass("active_category") 

http://jsfiddle.net/TrueBlueAussie/r52rwk77/1/

Answer 2

只是爲了添加上下文我的回答：

var count = 1; 
var total = $(".active_category").length; 
$(".active_category").each(function() { 
    if(count < total) 
    { 

然後我的回答：

 $(this).not(':last-child').removeClass("active_category"); 

那麼你的if語句的其餘部分：

} 
    count++; 
}); 

爲了證明它在獨立版 - http://jsfiddle.net/Lmt5ovd2/

向下選舉人的注意事項 - 讓我們在按下那個小按鈕之前想一想？