jQuery Forum

I need to selected all the "Last One" rows. I have tried :nth-child, :last, .siblings().. etc.. im at a total lost here. Can anyone shed some light on how to do this ?

1. <div class="container">
2.     <div class="row">Stuff 1</div>
3.     <div class="row">Last One</div>
4.     <div class="container">
5.         <div class="row">Last One</div>
6.     </div>
7.     <div class="container">
8.         <div class="row">Stuff 1</div>
9.         <div class="row">Stuff 2</div>
10.         <div class="row">Last One</div>
11.         <div class="container">
12.             <div class="row">Stuff 1</div>
13.             <div class="row">Stuff 2</div>
14.             <div class="row">Stuff 3</div>
15.             <div class="row">Last One</div>
16.         </div>
17.     </div>
18. </div>
19. <div class="container">
20.             <div class="row">Stuff 1</div>
21.             <div class="row">Last One</div>
22. </div>
    

Heres a quick example of what i have right now that almost works..

1.         $(".container").each(function(){
2.             $('.row:first', this).siblings('.row').filter(':last').css('background-color', 'red');
3.         });

Problem with the above solution, is if the container only has 1 ".row", it will not work as the .siblings method finds nothing..

Again, thank you for any help guys!

Ross