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')").addClass('color');
Or if its the position, iterate over the ul's and the 'eq' looks up
the
position for each li.
$('ul').each(function(){
$(this).find("li:eq(1),li:eq(2),li:eq(5),li:eq(6)").css('background-
color','red').addClass('color');
});
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):
