Question

I have some floated div’s and I want to select the third with jquery.
Also, after each 3 elements I have a hr tag in my html and this hr is also included by jquery in the nth-child count. Can I select only the divs and exclude the other elements inserted in html?

This is my code

$('.col:nth-child(3n)').addClass('third');

Thank you!

Answer 1

Try:

$('div.col:nth-of-type(3n)').addClass('third');

http://jsfiddle.net/WntR5/

And for <=IE8 (unfortunately as allways)

$('div.col').each(function (idx, el) {
  if ((idx + 1) % 3 === 0) {
    $(el).addClass('third');
  }
});

http://jsfiddle.net/WntR5/2/