Javascript 在HTML表中设置类，但不为整个列设置

情况是这样的，我有一个

HTML

文件和一个表，表中填充了

XML

数据。最后一列（10）中有一个数字：1、2、3、4或5。我有5行

jQuery

，它们查找数字，并为相应数字的单元格指定一个特定的类，这样做很好（单元格的不透明度为0%，因为它不是要“显示”，但对于我们的方法，它可以这样做）

现在的问题是：第7列和第8列需要将该类设置为，而不需要整个列都设置它，只需要指定数字的行

我有一个密码，所以你可以看到代码和东西：

jQuery：

$("td:nth-child(10):contains('1')").addClass('disaster');
$("td:nth-child(10):contains('2')").addClass('high');
$("td:nth-child(10):contains('3')").addClass('average');
$("td:nth-child(10):contains('4')").addClass('warning');
$("td:nth-child(10):contains('5')").addClass('information');

注意：表中的数据仅用于测试，真正的xml将以随机顺序包含100行中的数字1、2、3、4、5

编辑：获得了它的外观图片：

$（“td:n子（10）：包含（'1'））。addClass（'disaster'）；
$（（$td:n子级（10）：包含（'2'））。addClass（'high'）；
$（“td:n子级（10）：包含（'3'））。addClass（'average'）；
$（“td:n子（10）：包含（'4'））。addClass（'warning'）；
$（“td:n子（10）：包含（'5'））。addClass（'information'）
td:n个孩子（10）{
不透明度：0；
}
.灾难{
背景色：#E45858
}
.高{
背景色：#E87658
}
.平均{
背景色：#FEA058
}
.警告{
背景色：#FEC858
}
.信息{
背景色：#7498FE
}
/*主要元素的CSS*/
div{
最大宽度：2600像素；
显示：块；
}
正文{
字体系列：Arial、Tahoma、Verdana、无衬线字体；
背景色：#FFFFFF；
}
表{
文本对齐：左对齐；
边界塌陷：塌陷；
}
th{
字体大小：75%；
字体大小：正常；
颜色：#768C98；
垫面：5px；
垫底：5px；
边框底部：2个实心#DCE2E4；
}
td{
字体大小：75%；
颜色：#1F2C33；
高度：25px；
垫面：1px；
垫底：1px；
边框底部：1px实心#EAEEF0；
}	
img{
位置：绝对；左侧：-100px；
页边顶部：165px；
变换：旋转（270度）；
}
/*悬停的CSS*/
td:n子（1）：悬停{
文字装饰：下划线；
}
运输署：第n名儿童（1）{
背景色：#FFFFFF；
}
运输署：第n名儿童（2）{
背景色：#FFFFFF；
}
tr.NoHover:hover{
背景色：#FFFFFF；
}
tr：悬停{
背景色：#E8F5FF；
}
/*特定于列的CSS*/
th.col1{
文本对齐：右对齐；
宽度：240px；
右边填充：18px
}
th.col2{
宽度：11px；
填充：无；
}
th.col3{
文本对齐：左对齐；
宽度：188px；
左侧填充：10px；
}
th.col4{
文本对齐：左对齐；
宽度：70px；
}
th.col5{
文本对齐：左对齐；
宽度：77px；
左侧填充：82px；
}
th.col6{
文本对齐：左对齐；
宽度：430px；
}
th.col7{
文本对齐：左对齐；
左侧填充：10px；
宽度：497px；
}
th.col8{
文本对齐：左对齐；
宽度：498px；
}
th.col9{
文本对齐：左对齐；
左侧填充：10px；
宽度：75px；
}
运输署：第n名儿童（1）{
文本对齐：右对齐；
颜色：#0274B8；
右边填充：18px；
右边框：2px实心#AAD6F0；
边框底部：无；
}
运输署：第n名儿童（2）{
颜色：白色；
边框底部：无；
宽度：11px；
填充：无；
}
td:N儿童（3）{
文本对齐：左对齐；
文字装饰：下划线虚线；
左侧填充：10px；
边框底部：1px实心#EAEEF0；
}
td:N儿童（4）{
文本对齐：左对齐；
颜色：#DC0000；
边框底部：1px实心#EAEEF0；
}
td:N儿童（5）{
文本对齐：右对齐；
文字装饰：下划线虚线；
右侧填充：15px；
边框底部：1px实心#EAEEF0；
}
运输署：第n名儿童（6）{
文本对齐：左对齐；
文字装饰：下划线虚线；
边框底部：1px实心#EAEEF0；
}
运输署：第n名儿童（7）{
文本对齐：左对齐；
文字装饰：下划线虚线；
左侧填充：10px；
边框底部：1px实心#EAEEF0；
}
td:N儿童（8）{
文本对齐：左对齐；
文字装饰：下划线虚线；
边框底部：1px实心#EAEEF0；
}
运输署：第n名儿童（9）{
文本对齐：左对齐；
左侧填充：10px；
边框底部：1px实心#EAEEF0；
}




时间▼；
客户
地位
场地
主办
问题与公牛；原因
频率
2017-11-22
1.
客户1
弱点
场地1
PC1
测试1
无法打开服务
全天候
1.
2017-11-22
1.
客户2
弱点
站点2
PC2
测试2
无法打开服务
全天候
2.
2017-11-22
1.
客户3
弱点
场地3
PC3
测试3
无法打开服务
全天候
3.
2017-11-22
1.
客户4
弱点
站点4
PC4
测试4
无法打开服务
全天候
4.
2017-11-22
1.
客户5
弱点
站点5
PC5
测试5
无法打开服务
全天候
5.
可能是这样的吧？（）

如果有很多行，并且除了添加的类之外，您不需要额外的东西，这可能会有点过分。
.sides（）
选择器（如中）就足够了。
我想您正在寻找
.sides（）
选择器：

    $("td:nth-child(10):contains('1')").siblings('td:nth-child(7), td:nth-child(8)').addClass('disaster');
    $("td:nth-child(10):contains('2')").siblings('td:nth-child(7), td:nth-child(8)').addClass('high');
    $("td:nth-child(10):contains('3')").siblings('td:nth-child(7), td:nth-child(8)').addClass('average');
    $("td:nth-child(10):contains('4')").siblings('td:nth-child(7), td:nth-child(8)').addClass('warning');
    $("td:nth-child(10):contains('5')").siblings('td:nth-child(7), td:nth-child(8)').addClass('information');

Fiddle:
您能提供一份所需结果的样本吗？首先，我可以告诉你，
：第n个孩子（10）
似乎没有选择任何东西，所以这里显然有问题，但我不完全理解你想要实现什么。具有所需结果的图像可能会有所帮助！：第n个子项（10）的不透明度为0%，因此不会显示，请给我几分钟时间，我将制作一张图像。您是指这样的内容吗？啊，我刚刚注意到您只希望在选定的列中显示它们。我相信你可以向这些文件中添加一个类，并以此为目标。更改不透明度表明它按预期工作-。@AngelosChalaris这是图片：Yaaas，谢谢！：）麦克文科让它工作，但也测试了你的，它工作得很好。他只是有点容易，我不能接受2个雨篷，仍然非常感谢！！有时我忘了有简单的解决办法；）
    $("td:nth-child(10):contains('1')").siblings('td:nth-child(7), td:nth-child(8)').addClass('disaster');
    $("td:nth-child(10):contains('2')").siblings('td:nth-child(7), td:nth-child(8)').addClass('high');
    $("td:nth-child(10):contains('3')").siblings('td:nth-child(7), td:nth-child(8)').addClass('average');
    $("td:nth-child(10):contains('4')").siblings('td:nth-child(7), td:nth-child(8)').addClass('warning');
    $("td:nth-child(10):contains('5')").siblings('td:nth-child(7), td:nth-child(8)').addClass('information');