Jquery Nth-Child вопрос

Question

Как, используя Nth-Child, я могу добавить класс в каждое красное поле?

альтернативный текст http://www.eirestudio.net/hosting-files/dd.png

Я пытался использовать:

$('#mainnav li ul li:nth-child(3n)').addClass('yes');

Разметка:

<ul>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
      <li><a href="">SUUB</a></li>
</ul>

Answer 1

Этот класс yes будет помещен во все LI, кроме первого, а затем каждого третьего:

$('#mainnav li ul li:not(:nth-child(3n+1))').addClass('yes');

Answer 2

Как одно решение, вы можете применить класс ко всем предметам и удалить его из каждого третьего ...

$('#mainnav ul li').addClass('yes').parent().find(':nth-child(3n)').removeClass('yes');​​​​