Search jQuery

jQuery Forum

Getting Started

anna_bado..

How to add a color to a list without using css

in Getting Started • 9 years ago

Hi everyone, I have this code:

<ul>

<li>Junio</li>

<li>Setiembre</li>

</ul>

</div>

I need to put two different colors background at "junio" and at "setiembre". And I can not add an "id" neither "class".

I don't know how to do it, somebody can help me please?

Anna.

Replies(5)

dsvick

Re: How to add a color to a list without using css

9 years ago

There are several different ways to do it. Here is one

$(".amenitiesul ul li:first").css("color", "red").next().css("color", "blue");

That will work for markup that is set up exactly as you have it. If you'll have more than those two li elements you can use :odd and :even to stripe them, or use eq() to specify specific ones to change.

Dave

anna_bado..

Re: How to add a color to a list without using css

9 years ago

Thanks a lot Dave!!!! That works!!

kbwood.au

Re: How to add a color to a list without using css

9 years ago

With CSS3 you can also do it directly in CSS using :first-child, :last-child, :nth-child(), etc.

.amenitiesul ul li:first-child { color: red; }
.amenitiesul ul li:last-child { color: blue; }

Why don't you want to use CSS?

anna_bado..

Re: How to add a color to a list without using css

9 years ago

hi,

it was a code from a joomla plugin, and i need to put the same color for every name "june", a different color for every name "july",etc. They can appear hundred times. So finally I used this "

$( "li:contains('Julio')" ).addClass('julio');"and after I used CSS.

And this was the code from joomla:

<?php if (!empty($row->amenities)) : ?>

<br /> <strong><?php echo JText::_('COM_JEA_AMENITIES') ?> : </strong>

<?php echo JHtml::_('amenities.bindList', $row->amenities) ?>

<?php endif ?>

Anna.

anna_bado..

Re: How to add a color to a list without using css

9 years ago

(They can appear in different order too)

Top Reply

Response title

Attachments

jQuery Forum

How to add a color to a list without using css

Replies(5)

Re: How to add a color to a list without using css

Re: How to add a color to a list without using css

Re: How to add a color to a list without using css

Re: How to add a color to a list without using css

Re: How to add a color to a list without using css

Statistics

Tags

Actions

Related Posts