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