jQuery: resalte incluso columnas (no filas)

Question

¿Cómo colorear columnas de tabla pares (o impares) utilizando jQuery? (sin añadir clases de forma manual)

Mi marcado es:

<table> 
    <caption>Table caption</caption> 
    <thead> 
    <tr><th scope="col">Table header 1</th><th scope="col">Table header 2</th><th scope="col">Table header 3</th><th scope="col">Table header 3</th></tr> 
    </thead> 
    <tbody> 

     <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr> 
     <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr> 
     <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr> 

     <tr><th scope="row">Table row header</th><td>Table data</td><td>Table data</td><td>Table data</td></tr> 
    </tbody> 
</table> 

(que puede o no puede contener attribs alcance o th etiquetas)

Answer 1

Puede utilizar el :nth-child() selector para esto:

$('table tr :nth-child(2n)').css('background-color', '#eee'); 

You can see a demo here, esta versión hace las columnas, independientemente de si la celda es <th> o <td> puede agregar eso allí (p. Ej. td:nth-child(2n)) si desea hacer solo una o la otra. Si desea seleccionar otras columnas, simplemente haga 2n+1 en su lugar.

Answer 2

Editar: Actualizado para corregir mi error de lectura de la pregunta.

Esto debería funcionar:

$('tr > :nth-child(even)').css('background-color','#eee'); 

o

$('tr > :nth-child(odd)').css('background-color','#eee');