Does anyone know how to create the following CSS styling effect using
JQuery:

I have several <ul></ul> unordered lists in one webpage:
<ul>
<li>text 01</li>
<li>text 02</li>
<li>text 03</li>
<li>text 04</li>
<li>text 05</li>
<li>text 06</li>
<li>text 07</li>
<li>text 08</li>
</ul>
<ul>
<li>text 01</li>
<li>text 02</li>
<li>text 03</li>
<li>text 04</li>
<li>text 05</li>
<li>text 06</li>
<li>text 07</li>
<li>text 08</li>
</ul>


I would like to convert my previous code into the following:
<ul>
<li>text 01</li>
<li class="color">text 02</li>
<li class="color">text 03</li>
<li>text 04</li>
<li>text 05</li>
<li class="color">text 06</li>
<li class="color">text 07</li>
<li>text 08</li>
</ul>
<ul>
<li>text 01</li>
<li class="color">text 02</li>
<li class="color">text 03</li>
<li>text 04</li>
<li>text 05</li>
<li class="color">text 06</li>
<li class="color">text 07</li>
<li>text 08</li>
</ul>

- Thank you very much (in advance):

Reply via email to