这是偶数还是奇数？

Question

所以我刚才在 SO 上 saw this question，这让我开始思考。

基本上，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")) {
    }

});