Thanks MorningZ :), yes that is the one I'm trying to mimic. "odd" is only declared in:
$("div.postSummary-teaser:odd").addClass("odd"); Where else should it be? I was hoping this code would just add it to alternate divs with a class of "postSummary-teaser" The html is actually: <!-- Entry --> <div class="postSummary" id="post-125"> <!-- Post Top Summary --> <div class="postSummary-top"> <h3><a href="link">title</a></h3> <p>Posted by: <a href="link" title="View all posts by " class="author-link">author name</a> in <i>label here</i> on <span class="post-date">date here</span> </p> </div> <!-- Post Teaser Text --> <div class="postSummary-teaser"> html of teaser text goes here <!-- Post Footer --> <p class="postSummary-footer"> <a href="link" class="postSummary-comments">link to comments</a> <a href="link to full article" class="postSummary-readmore">Read More...</a> </p> </div> <!-- Post Divider --> <hr class="postEntry-divider" /> </div> <div class="clear"></div> then it repeats itself if there are more posts. I now realise I should be using postSummery not postSummary-teaser, I made the change. I just tried it in a static page with nothing else in it just to make sure there are no conflicts. It still does not work though: http://www.digiflipconcepts.com/digiflip-v3/templates/digiflip/test.html :( ? 2009/2/17 MorningZ <morni...@gmail.com> > > 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 <http://docs.jquery.com/Selectors/%0AnthChild#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. >