I have the following and would like to target every 3rd "frame class". ive tried
- $("#gallery .thumbs a .frame:nth-child(3n)")
but I think 'm not understanding the nested divs correctly.
- <div id="gallery"> <span class = "portfolio_heading">
- <p>portfolio/nature</p>
- </span>
- <div class="thumbs"><a href="?page=botanical"><div class = "frame"><img src="images/thumbs/botanical_thumb.jpg" />
- <div class="title">
- <h3>botanical</h3>
- </div></div>
- </a></div>
- <div class="thumbs"><a href="?page=landscape"><div class = "frame"><img src="images/thumbs/landscape_thumb.jpg" />
- <div class="title">
- <h3>landscapes</h3>
- </div></div>
- </a></div>
- <div class="thumbs" style="float:right;"><a href="?page=horses"><div class = "frame"><img src="images/thumbs/horse_thumb.jpg" />
- <div class="title">
- <h3>wild desert horses</h3>
- </div></div>
- </a></div>
- <div class="thumbs"><a href="?page=wildlife"><div class = "frame"><img src="images/thumbs/wildlife_thumb.jpg" />
- <div class="title">
- <h3>wildlife</h3>
- </div></div>
- </a></div>
- </div>
Thanks