Javascript 更改已具有特定背景色的任何TD的背景色
我正在尝试更改为日历生成的表上的一些颜色。表中的某些TD的颜色与其他TD不同,这是由其他人编码的,并且是通过内联CSS完成的(这意味着没有指定类/ID)。我无法访问他们创建的代码来更改它,只能尝试覆盖颜色 我试图做的是使用一个简短的脚本来查找任何具有特定颜色的TD元素,在本例中为LightSlateGray,并将其更改为不同的背景色 下面是我最近尝试过的,但我知道我做了一些不正确的事情,希望有人能向我指出Javascript 更改已具有特定背景色的任何TD的背景色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试更改为日历生成的表上的一些颜色。表中的某些TD的颜色与其他TD不同,这是由其他人编码的,并且是通过内联CSS完成的(这意味着没有指定类/ID)。我无法访问他们创建的代码来更改它,只能尝试覆盖颜色 我试图做的是使用一个简短的脚本来查找任何具有特定颜色的TD元素,在本例中为LightSlateGray,并将其更改为不同的背景色 下面是我最近尝试过的,但我知道我做了一些不正确的事情,希望有人能向我指出 var tdColor = $("td"); if(tdColor.css('b
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元素。如果需要,添加一个空格。然后在元素上循环。哇,谢谢你的提示,我不知道需要星号,就像一个符咒!如果你把它作为一个答案,我很高兴把它标记为正确的。