Question

如果background color为== 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

Answer 2

您还没有将jQuery库添加到jsfiddle（从左侧的下拉列表中添加它）。您还需要使用td迭代.each()，然后检查background-color td，请参阅下面的代码

$(document).ready(function(){
    $('td').each(function(){

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

<强> DEMO

Answer 3

Frist，包括jquery库;第二，删除＆＃34; $（文档）.ready（function（）{＆＃34;因为您选择＆＃34; onLoad＆＃34;。将以下代码替换为您的JavaScript部分

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

更改td的背景颜色

3 个答案: