选择具有颜色的元素:使用jQuery在CSS中使用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");