jquery - 更改 td 的背景颜色

Question

如果 td 的背景颜色== color1，则将td background-color更改为color2。

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="table table-condensed">
<tbody><tr><td style="background-color:#00FF60">1</td></tr></tbody></table>

我的jquery:

$(document).ready(function(){
    if($('td').css('background-color') == 'rgb(0, 255, 96)') {
       $('td').css('background-color','red');
    }
})

http://jsfiddle.net/voxtermen/c9yz5c5L/4/

Answer 1

首先你必须包含 jQuery。然后循环每个td元素并根据偏好设置background-color

尝试:

$("td").each(function (index) {

        if ($(this).css('background-color') == 'rgb(0, 255, 96)') {
            $(this).css('background-color', 'red');
        }
});

DEMO