so this is the jQuery you are trying to mimic?
$("tr:nth-child(odd)").addClass("odd");
??
that uses current selector syntax (http://docs.jquery.com/Selectors/
nthChild#index), and would indeed work on
<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>
</table>
If you had
<div class="postSummary-teaser">Teaser 1</div>
<div class="postSummary-teaser">Teaser 2</div>
<div class="postSummary-teaser">Teaser 3</div>
<div class="postSummary-teaser">Teaser 4</div>
<div class="postSummary-teaser">Teaser 5</div>
then, there's no reason why
$("div.postSummary-teaser:odd").addClass("odd");
wouldn't give zebra stripes (as long as class name "odd" is declared
somewhere)
On Feb 16, 9:09 pm, mark law <m...@digiflip.tv> wrote:
> I copied it from
> here:http://blog.jquery.com/2006/10/18/zebra-table-showdown/and tried
> unsuccessfully to modify it for div classes ...
>
> 2009/2/17 MorningZ <morni...@gmail.com>
>
>
>
> > I'm just curious... where are you getting your syntax from?
>
> > "div:.postSummary" ????
>
> > ".postSummary-teaser(odd)" ??
>
> > there's now where in the documentation (http://docs.jquery.com) where
> > that syntax is shown
>
> > On Feb 16, 6:31 pm, morktron <m...@digiflip.tv> wrote:
> > > Hi I'm just wondering whether it is possible to zebra stripe alternate
> > divs
> > > with the same class name?
>
> > > The class name is .postSummary-teaser, I tried this:
>
> > > <script type="text/javascript">
> > > window.onload = function(){
> > > $("div:.postSummary-teaser(odd)").addClass("odd");};
>
> > > </script>
>
> > > but no joy. I'm no Javascript programmer but it was easy to stripe
> > alternate
> > > rows with a tutorial on the jQuerey site. There seems to be nothing about
> > > using divs?
>
> > > The page in question is in development here:
> >http://www.digiflipconcepts.com/digiflip-v3/Rant-and-Rave
>
> > > Can anyone help? thanks
> > > --
> > > View this message in context:
> >http://www.nabble.com/how-to-zebra-stripe-divs--tp22048135s27240p2204...
> > > Sent from the jQuery General Discussion mailing list archive at
> > Nabble.com.
