If you want it to depend from the content you can combine 'filter' and
'contains' like so;
$("li").filter(":contains('02'),:contains('03'),:contains
('06'),:contains('07')").css('background-color','green');
Or if its the position iterate over the ul's and the 'eq' looks up the
position for each ul.
$('ul').each(function(){
$(this).find(":eq(1),:eq(2),:eq(5),:eq(6)").css('background-
color','red');
});
Hope this helps!
On Dec 15, 5:47 am, huntspointer2009 <huntspoin...@gmail.com> wrote:
> 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):
