I just simply want to select each element after the class “.last”.
HTML:
<body>
<div class="option"></div>
<div class="option"></div>
<div class="option"></div>
<div class="last"></div>
<div class="option"></div>
<div class="option"><img src="a.jpg"/>
<table>
<td><tr>1</tr></td>
<td><tr>2</tr></td>
</table>
<div class="option"></div>
</body>
Jquery:
$('.option').nextAll(".last").each(function (i) {
$(this).css('background-color','red');
});
What I want to acomplish:
<body>
<div class="option"></div>
<div class="option"></div>
<div class="option"></div>
<div class="last"></div>
<div class="option" style="background-color:red;"></div>
<div class="option" style="background-color:red;"><img style="background-color:red;" src="a.jpg"/>
<table style="background-color:red;"><td style="background-color:red;"><tr style="background-color:red;">abc</tr></td>
<td style="background-color:red;"><tr style="background-color:red;">abc</tr></td>
</table>
</div>
<div class="option" style="background-color:red;"></div>
</body>
EDIT:
I need to select ALL elements below .last class
You almost had it:
or more succinctly:
http://api.jquery.com/nextAll/