Colorear filas par/impar de una tabla con jQuery - Bufa Webmaster

Bufa Webmaster

Recursos web en español

Colorear filas par/impar de una tabla con jQuery

21 jun 2009

Vamos a ver un sencillo ejemplo para colorear las filas par o impar de una tabla utilizando jQuery.

Para localizar las filas impares utilizaderos el selector “odd” de jQuery.
Para las filas pares utilizaremos el selector “even“.

$(document).ready(function(){
        $("tr:odd").css("background-color", "#ddd"); // filas impares
        $("tr:even").css("background-color", "#ccc"); // filas pares
 });
Compartir:
  • Google Bookmarks
  • Twitter
  • StumbleUpon
  • Digg
  • LinkedIn
  • del.icio.us
  • MisterWong
Tags:
COMENTARIOS
Yanni Sanmiguel, el 07/07/2010 a las 22:37:20

MARAVILLOSO!!!
Tenia una tabla de 150 filas creada dinamicamente desde un archivo csv… y no tenia ni idea de como hacer esto…

PERFECTO, MIL GRACIAS!!!

N4CH0, el 08/09/2010 a las 23:03:58

Gracias por el codigo, me fue muy util a la hora de realizar reportes.
GRACIAS!!!!

Escribe un comentario

Spam Protection by WP-SpamFree

Bufa en Twiter

81 post | 52 comentarios | 118 tags | 5 suscriptores

Acerca de

bufa.es es una página web montada sobre wordpress que tiene como finalidad compartir la mayoría de recursos web (scripts, php, css, jquery, wordpress, plugins, posicionamiento web, etc...) utilizados por mi en el desarrollo web.

Entries (RSS) | Comments (RSS)

© 2010 Bufa Webmaster | valid XHTML and CSS | Powered by Wordpress and design bufa