javascript - 使用 jQuery 在 CSS 中选择具有 color:lightGreen 的元素

Question

如何color:lightGreen使用 jQuery 选择在 CSS 中具有属性的元素，然后将其更改为#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");
    }
});