Great Scott! you are right, it is working now :) Many thanks indeed everyone you are all legends!, I shall write this up in my blog, thanks again :)
2009/2/17 Ricardo Tomasi <ricardob...@gmail.com> > > The code in your test page still reads $("div:.postSummary > (odd)").addClass("odd"), not $("div.postSummary:odd").addClass("odd"); > > On Feb 17, 12:04 am, mark law <m...@digiflip.tv> wrote: > > 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/andtried > > > > 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. >