¿Es esto un elemento par o impar?

Question

Así que yo saw this question hace unos momentos en SO y me hizo pensar.

Básicamente el OP tenían algo en este sentido

<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 {} 
}); 

¿Hay una manera de contar dentro de la .each() si el elemento actual es una instancia par o impar?

Existe el método .filter de jQuery, pero siempre devuelve verdadero cuando tiene un solo elemento.

También me doy cuenta de que puede usar el selector nth-child o configurarlo de otras maneras, pero tengo curiosidad sobre este caso específico.

Answer 1

La devolución de llamada a .each se pasa el índice del elemento y el elemento:

$('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

Si usted sabe que todos los elementos son hijos del mismo padre, usted puede utilizar el índice proporcionada por cada

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

lo contrario, utilice la función index que calculará el índice del elemento entre sus hermanos.

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

Answer 4

usando 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")) { 
    } 

});