Javascript 如何使用jquery更改基于th的td元素的背景色

我遇到了一个挑战，就是根据th类更改td元素的背景色。下面是html代码，它有一个名为bots的th类，我必须更改bots类下面所有td元素的背景色

组成部分
性质
J10
J11
J12
J13
生成交替标记液滴
交替配置
/com//jec/website/seo/
/com//jec/website/seo/
/com//jec/website/seo/
/com//jec/website/seo/
交替齿托
标记配置
/jec/网站/搜索引擎优化/
/jec/网站/搜索引擎优化/
/jec/网站/搜索引擎优化/
/jec/网站/搜索引擎优化/

您可以使用

map（）

使用

.bots

类返回索引数组，然后使用相同的索引更改

td

的css。

var bots=$（'tr th.bots'）.map（函数（）{
返回$（this.index（）；
}).get（）
$（'tr:not（：first）td'）。每个（函数（）{
if（bots.indexOf（$（this.index（））！=-1）$（this.css（'background'，'blue'））
})

组成部分
性质
J10
J11
J12
J13
生成交替标记液滴
交替配置
/com//jec/website/seo/
/com//jec/website/seo/
/com//jec/website/seo/
/com//jec/website/seo/
交替齿托
标记配置
/jec/网站/搜索引擎优化/
/jec/网站/搜索引擎优化/
/jec/网站/搜索引擎优化/
/jec/网站/搜索引擎优化/

一种选择是按照以下思路做一些事情：

---

也许可以得到所有的th.bots索引，并用它来给tds上色。 假设您有jQuery：

$('th.bots').each(function(){
    $('td:nth-child('+($(this).index() + 1)+')').css('background-color', 'blue');
});

编辑：排除同一页面上的其他表

---

您好，您能提供您当前的CSS吗？感谢Caelan对此进行调查。嗯，我没有一个合适的css。我只是使用jquery$（'.trueValue'）.addClass（'foo'）动态添加类；在我的css文件中，我设置的背景色如下。foo{background color:green；}。这仅适用于td元素。谢谢Nenad。为这个不清楚的问题道歉。我还有其他的职业。您的代码对于第1列非常有效。如果我的代码有多个th类呢？如何根据类名更改颜色？例如，在本例中，bots是th类。再次感谢您的回答。太棒了，这是可行的，但它正在改变其他没有机器人类的表的背景？我们有没有可能阻止非机器人类的颜色改变？对不起，这里的要求太多了。感谢你的耐心。非常感谢，最简单的选择就是像这样添加表的

id

，或者您可以在希望使用这些规则的表上添加特定的类。太棒了，这非常有效！我不知道该怎么感谢你。但我只能说你很和蔼可亲。。非常感谢尼纳德。非常感谢。感谢@dwreck08的回复。感谢您的回复。根据您的要求更新了答案

$('th.bots').each(function(){
    $('td:nth-child('+($(this).index() + 1)+')').css('background-color', 'blue');
});

$('th.bots').each(function(){
    $(this).parents('table').children().find('td:nth-child('+($(this).index() + 1)+')').css('background-color', 'blue');
});