這是偶數還是奇數？

Question

所以我saw this question就在這個SO，它讓我思考。

基本上OP不得不沿着這些路線

<div>a</div> 
<div>b</div> 
<div>c</div> 
<div>d</div> 

$('div').each(function() { 
    //do something different based on whether even or odd div 
    if ($(this) == ':even') {} //invalid markup I know! 
    else {} 
}); 

有沒有辦法告訴你.each()當前元素是否是奇數還是偶數實例裏面的東西？

有jQuery的.filter方法，但它總是返回true時，它有一個單一的元素。

我也意識到你可以使用nth-child選擇器或以其他方式設置它，但我很好奇這個特定的情況。

Answer 1

回調.each傳遞元素的索引和元素：

$('div').each(function(i, el) { 
    // As a side note, this === el. 
    if (i % 2 === 0) { /* we are even */ } 
    else { /* we are odd */ } 
}); 

Answer 2

$('div').each(function(index) { 
    //do something different based on whether even or odd div 
    if (index % 2 == 0) {} // even 
    else {} // odd 
}); 

Answer 3

如果你知道所有的元素都是相同的父的孩子，你可以使用提供的每個指標

$('div').each(function(index) { 
    if (index%2 == 0) {} 
    else {} 
}); 

否則，使用index函數將計算其兄弟姐妹之間的元素的索引。

$('div').each(function() { 
    if ($(this).index()%2 == 0) {} 
    else {} 
}); 

Answer 4

使用jQuery API .is(selector)

$('div').each(function() { 
    //Check if element is even 
    if ($(this).is(":even")) { 
    } 

    //Check if element is odd 
    if ($(this).is(":odd")) { 
    } 

});