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):