Select elements which have color:lightGreen in CSS using jQuery

Question

How do I select elements which have property color:lightGreen in CSS using jQuery and then change it to #666?

Example Html:

<a id="ctl00_ContentPlaceHolder1_GridView1_ctl17___ID_DetailsHyperLink" 
    class="CorporateHyperlink" 
     href="/EstimateSite/Estimate/Details.aspx?ID=234"
     style="color:LightGreen;">Details</a>

@AkshayKulkarni look at my answer just change $("p") to $("a") then it will apply to all anchor elements ... — Code Spy
– Code Spy, Commented May 18, 2012 at 11:56

Robert Harvey · Accepted Answer · 2012-05-18 15:49:23Z

6

$("a").each(function() {
    if ($(this).css("color") == "rgb(144, 238, 144)") {
        $(this).css("color", "#666");
    }
});

Or if you prefer using filter:

$("a").filter(function() {return $(this).css('color') == 'rgb(144, 238, 144)';})
.css("color", "#666");

BUT if you had the opportunity to edit the markup, you're best off adding the light green colour to a class, then applying the class to those elements, then you can have another class for your new colour, then change them like so:

$(".lightGreen").removeClass("lightGreen").addClass("newColour");

edited May 18, 2012 at 15:49

Robert Harvey

182k48 gold badges349 silver badges516 bronze badges

answered May 18, 2012 at 11:11

Mathew Thompson

56.5k15 gold badges131 silver badges151 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mathew Thompson Over a year ago

What? I took the idea of replacing "lightGreen" to the RGB values, that was all. I'll +1 you for that how's that? :)

Peter Mortensen · Accepted Answer · 2012-05-18 15:03:59Z

2

Try this:

$("div").each(function() {
    if ($(this).css("color") == "rgb(144, 238, 144)") {
        $(this).css("color", "#666");
    }
});

http://jsfiddle.net/z8Q5K/2/

It's working fine...

edited May 18, 2012 at 15:03

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered May 18, 2012 at 11:18

Owais Iqbal

5493 silver badges12 bronze badges

Comments

thecodeparadox · Accepted Answer · 2012-05-21 07:31:06Z

1

$("a").each(function() {
    if ($(this).css("color") == "rgb(144, 238, 144)") { 
        $(this).css("color", "#666");
    }
});

edited May 21, 2012 at 7:31

answered May 18, 2012 at 11:19

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Collectives™ on Stack Overflow

Select elements which have color:lightGreen in CSS using jQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related