Rob definitely has the best answer here.
Structure your table like so:
<table>
<caption>Captions are good</caption>
<thead>
<tr>
<th>header</th>
<th>row</th>
</tr>
</thead>
<tfoot>
<tr>
<td>footer</td>
<td>row</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>row</td>
<td>one</td>
</tr>
<tr>
<td>row</td>
<td>two</td>
</tr>
</tbody>
</table>
Then you don't have to worry about the checking for the first row and it will
not be part of your structure.
Allex
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of RobG
Sent: Tuesday, February 05, 2008 5:06 AM
To: jQuery (English)
Subject: [jQuery] Re: Zebra striping in tables
On Feb 5, 7:57 pm, Snef <[EMAIL PROTECTED]> wrote:
> Karl,
>
> Again, many thanks. Only just one question...
>
> I have used your one-liner like this:
>
> $("table tr:nth-child(even)").css("background", "#cccccc");
>
> I played around with the :not(:first) to eliminate the first row of
> each table but i do not get it working. Is this possible to use this,
> or is it better to just change all the firstrows after yoour one-
> liner? (at the end, i can use a special classname for the first row,
> but I'm curious to know if it can work without it!)
Consider putting your header rows in a thead element, then use:
$("tbody ...
--
Rob
