javascript - 如何检查某些类是否具有背景颜色，如果有则更改背景颜色

Question

我有这样的课

 <div class="Ratsheet-destination-detail"></div>
    $(".Ratsheet-destination-detail").css("backgroundColor", #5B815B);

现在“Ratsheet-destination-detail”的背景颜色为红色。

我如何检查它是否有背景颜色，如果它有然后将其背景颜色更改为“#616161”

谢谢......

Answer 1

您的颜色将返回为 rgb 值。所以检查背景色的rgb值。如果它是红色 rgb(255, 0, 0) ，将其更改为绿色。

var el = $('.Ratsheet-destination-detail');

if(el.css('background-color') == 'rgb(255, 0, 0)'){
    el.css('background-color','green');
}​

Live Demo

通过 op 的编辑，如果我理解正确的话，应该 可以工作。如果 bg 是红色或灰色，这会将其更改为绿色。

var el = $('.Ratsheet-destination-detail');

if(el.css('background-color') == 'rgb(97, 97, 97)' || el.css('background-color') == 'rgb(255, 0, 0)'){
    el.css('background-color','green');
}​

Live Demo 2