JQuery / CSS - add color to un ordered list items
<p>can someone help me create the following effect using JQuery?:</p>

<p>I have several un-ordered lists on a web page:</p>

<pre><code>&lt;ul&gt;&lt;li&gt;01&lt;/li&gt;&lt;li&gt;02&lt;/li&gt;&lt;li&gt;03&lt;/li&gt;&lt;li&gt;04&lt;/li&gt;&lt;li&gt;05&lt;/li&gt;&lt;li&gt;06&lt;/li&gt;&lt;li&gt;07&lt;/li&gt;&lt;li&gt;08&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;01&lt;/li&gt;&lt;li&gt;02&lt;/li&gt;&lt;li&gt;03&lt;/li&gt;&lt;li&gt;04&lt;/li&gt;&lt;li&gt;05&lt;/li&gt;&lt;li&gt;06&lt;/li&gt;&lt;li&gt;07&lt;/li&gt;&lt;li&gt;08&lt;/li&gt;&lt;/ul&gt;
</code></pre>

<p>I want to apply CSS classes using JQuery to create the following:</p>

<pre><code>&lt;ul&gt;&lt;li&gt;01&lt;/li&gt;&lt;li class="color"&gt;02&lt;/li&gt;&lt;li class="color"&gt;03&lt;/li&gt;&lt;li&gt;04&lt;/li&gt;&lt;li&gt;05&lt;/li&gt;&lt;li class="color"&gt;06&lt;/li&gt;&lt;li class="color"&gt;07&lt;/li&gt;&lt;li&gt;08&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;01&lt;/li&gt;&lt;li class="color"&gt;02&lt;/li&gt;&lt;li class="color"&gt;03&lt;/li&gt;&lt;li&gt;04&lt;/li&gt;&lt;li&gt;05&lt;/li&gt;&lt;li class="color"&gt;06&lt;/li&gt;&lt;li class="color"&gt;07&lt;/li&gt;&lt;li&gt;08&lt;/li&gt;&lt;/ul&gt;
</code></pre>

<p>(Thank you very much - in advance)
- Jhollywood</p>
