Advanced Search

Return to Snippet

Revision: 36562
at November 23, 2010 06:21 by SteveRB511
Updated Code 
<script type="text/javascript" src="../css-js/jquery-1.4.2.min.js"></script>

<script type="text/javascript">
  $( function()
    {
    $( ".informationTable tr:nth-child(even)" ).addClass( "rowDark" );
    $( ".informationTable tr:nth-child(odd)" ).addClass( "rowLight" );
    $( ".informationTable th" ).addClass( "rowHeader" );
    });
</script>

<!-- Reference: http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy -->

Revision: 36561
at November 23, 2010 06:12 by SteveRB511
Initial Code 
<script type="text/javascript" src="../css-js/jquery-1.4.2.min.js"></script>

<script type="text/javascript">
  $( function()
    {
    $( ".informationTable tr:nth-child(even)" ).addClass( "rowDark" );
    $( ".informationTable tr:nth-child(odd)" ).addClass( "rowLight" );
    $( ".informationTable th" ).addClass( "rowHeader" );
    });
</script>
Initial URL 









Initial Description














Initial Title





jQuery Alternating Table Row Formatting









Initial Tags





table, jquery









Initial Language





JavaScript