Выберите элементы с цветом: lightGreen в CSS с помощью jQuery

Question

Как выбрать элементы, которые имеют свойство color:lightGreen в CSS с помощью jQuery, а затем изменить его на #666?

Пример Html:

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

Answer 1

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

Или, если вы предпочитаете использовать filter:

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

НО если вы имели возможность редактировать разметку, вы лучше с добавлением светло-зеленый цвет для класса, а затем применить класс к этим элементам, тогда вы можете иметь другой класс для своего нового цвета, а затем изменить их так:

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

Answer 2

Попробуйте это:

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

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

Это работает отлично ...

Answer 3

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