È un elemento pari o dispari?

Question

Quindi I saw this question pochi istanti fa su SO e mi ha fatto pensare.

Fondamentalmente il PO ha avuto qualcosa in questo senso

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

C'è un modo per dire all'interno del .each() se il vostro elemento corrente è un'istanza pari o dispari?

C'è il metodo .filter di jQuery, ma restituisce sempre true quando ha un singolo elemento.

Mi rendo anche conto che è possibile utilizzare il selettore nth-child o configurarlo in altri modi, ma sono curioso di sapere in questo caso specifico.

Answer 1

La richiamata per .each viene passato l'indice dell'elemento e l'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

Se si sa che tutti gli elementi sono figli dello stesso padre, è possibile utilizzare l'indice fornito da ciascun

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

altrimenti, utilizzare la funzione index che calcolerà l'indice dell'elemento tra i suoi fratelli.

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

Answer 4

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

});