Question

I have the following bit of code to display thumbnails on a page:

<div id="gallery">
<div class="thumbnail">
<img src="" />
</div>
</div>

This will loop to show 15 .thumbnail DIVs.

I would like to attach a class of “.last” to the 5th DIV and the 10th DIV. And for the 11-15th DIVs a class of “.bottom-last”.

I understand that this is the way to go: http://api.jquery.com/length/ but cannot figure out a way to get the count and then attached the class.

Any pointers?

Thanks a lot

Answer 1

Here’s one way if you don’t mind the syntax. (of course, you could easily use a traditional if() statement as well)

Try it out: http://jsfiddle.net/bBgTs/1/

$('#gallery .thumbnail').addClass(function(i) {
    return ((i == 4 || i == 9) && 'last') || (i > 9 && 'bottom-last');
});