Javascript 更改已具有特定背景色的任何TD的背景色

Javascript 更改已具有特定背景色的任何TD的背景色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试更改为日历生成的表上的一些颜色。表中的某些TD的颜色与其他TD不同,这是由其他人编码的,并且是通过内联CSS完成的(这意味着没有指定类/ID)。我无法访问他们创建的代码来更改它,只能尝试覆盖颜色 我试图做的是使用一个简短的脚本来查找任何具有特定颜色的TD元素,在本例中为LightSlateGray,并将其更改为不同的背景色 下面是我最近尝试过的,但我知道我做了一些不正确的事情,希望有人能向我指出 var tdColor = $("td"); if(tdColor.css('b

我正在尝试更改为日历生成的表上的一些颜色。表中的某些TD的颜色与其他TD不同,这是由其他人编码的,并且是通过内联CSS完成的(这意味着没有指定类/ID)。我无法访问他们创建的代码来更改它,只能尝试覆盖颜色

我试图做的是使用一个简短的脚本来查找任何具有特定颜色的TD元素,在本例中为LightSlateGray,并将其更改为不同的背景色

下面是我最近尝试过的,但我知道我做了一些不正确的事情,希望有人能向我指出

var tdColor = $("td"); 
    if(tdColor.css('background-color') === 'LightSlateGray'){
        tdColor.css('background-color', 'red');
    }

您需要迭代每个元素:

var tdColor = $("td");
tdColor.each(function() {
    $this = $(this); 
    if($this.css('background-color') === 'LightSlateGray'){
        $this.css('background-color', 'red');
    }
}

您需要迭代每个元素:

var tdColor = $("td");
tdColor.each(function() {
    $this = $(this); 
    if($this.css('background-color') === 'LightSlateGray'){
        $this.css('background-color', 'red');
    }
}

因为您声明它是内联CSS,所以应该能够使用属性选择器选择
元素,如:
td[style*=“background color:LightSlateGray”]
。具有包含字符串
背景色:LightSlateGray
的样式属性的所有td元素。如果需要,添加一个空格。然后在元素上循环。哇,谢谢你的提示,我不知道需要星号,就像一个符咒!如果你把它作为一个答案,我很乐意将它标记为正确的。因为你声明它是内联CSS,你应该能够使用属性选择器选择
元素,比如:
td[style*=“background color:LightSlateGray”]
。具有包含字符串
背景色:LightSlateGray
的样式属性的所有td元素。如果需要,添加一个空格。然后在元素上循环。哇,谢谢你的提示,我不知道需要星号,就像一个符咒!如果你把它作为一个答案,我很高兴把它标记为正确的。