In Jquery, how do I apply a class to every third (or fourth) instance of an element with a particular class?
<p>This is what I'm trying to do: <a href="http://jsfiddle.net/ZfwPT/" rel="nofollow">http://jsfiddle.net/ZfwPT/</a></p>

<p>i.e. make every first, sixth, eleventh, etc element with class "Noted" green, 
and make every second, seventh, twelfth, etc. element with class "Noted" blue,
and so on. </p>

<p>I've been trying to use eq() but I think I'm doing something wrong: </p>

<p><code>$('span.Noted').eq(n/5).addClass('Note'n)</code></p>

<p>which to me means, take the number the item has (whether it's #5 or #100 in the series) and divide it by five, and then use that number to assign it a class. Then in CSS I have Note1 {color:green} etc. </p>

<p>There must be an easier way of doing this, right? </p>
