如何使用jQuery遍歷一組元素並設置奇數/偶數類？

Question

我有這樣的元素的列表：

<div class="odd">1</div> 
<div class="even">2</div> 
<div class="odd">3</div> 
<div class="even">4</div> 

現在，當用戶刪除元素3，結果是：

<div class="odd">1</div> 
<div class="even">2</div> 
<div class="even">4</div> 

現在我想的jQuery從第一到最後一個元素重新定義類：

<div class="odd">1</div> 
<div class="even">2</div> 
<div class="odd">4</div> 

我不知道如何解決這個問題。

Answer 1

您可以使用:odd和:even選擇：

var $divs = $('div'); 

$divs.filter(':odd').attr('class', 'odd'); 
$divs.filter(':even').attr('class', 'even'); 

Answer 2

這應該這樣做

$("div").removeClass('odd even'); 
$("div:odd").addClass('odd'); 
$("div:even").addClass('even'); 

通過僅去除.odd或類。即使任何其他類添加（除了.odd即使）也會「生存」。

Answer 3

或者這樣：

$('div:odd').attr('class', 'odd'); 
$('div:even').attr('class', 'even'); 

的jsfiddle例如：

http://jsfiddle.net/2VpgV/

Answer 4

一個=>complete example使用事件代表團...