JQuery: Zebrando linhas da tabela

<script type="text/javascript">
$(function() {
   // linhas pares
   $('table#zebrar tr:even').css('background','#fff799'); 
   // linhas ímpares
   $('table#zebrar tr:odd').css('background','#fbf7cc'); 
   // primeira linha
   $('table#zebrar tr:eq(0)').css('background','#ff0000');
});		
</script>
<table width="40%" border="1" cellspacing="0" cellpadding="0" id="zebrar">
  <tr align="center">
    <th>COD</th>
    <th>NOME</th>
  </tr>
  <tr>
    <td align="center">001</td>
    <td>FULANO DE TAL</td>
  </tr>
  <tr>
    <td align="center">002</td>
    <td>CICLANO</td>
  </tr>
  <tr>
    <td align="center">003</td>
    <td>BELTRANO</td>
  </tr>
</table>

odd: seleciona todas as linhas ímpares.
even: seleciona todas as linhas pares.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *