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.
