In the following example for each even row is added class name oddStripe, and for the odd rows - class name evenStripe

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ // Stripe all the tables in the document using the oddStripe and evenStripe CSS classes. $('tr:odd').addClass("oddStripe"); $('tr:even').addClass("evenStripe"); }); </script> <style type="text/css"> .oddStripe{ background-color:#CFCFCF;} .evenStripe{ background-color:#8F8F8F;} </style> </head> <body style="font-family:Arial, Helvetica, sans-serif;color:#3c3c3c;"> <table> <tr> <td>Row 1 </td> </tr> <tr> <td>Row 2 </td> </tr> <tr> <td>Row 3 </td> </tr> <tr> <td>Row 4 </td> </tr> <tr> <td>Row 5 </td> </tr> </table> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself