小编Twa*_*kel的帖子
在HTML表中设置类,但不在整个列中设置类
这是情况,我有一个HTML带有表的文件,表中充满了XML数据.最后一列(10)中有一个数字:1,2,3,4或5.我有5行jQuery查找数字,并给单元格相应的数字一个特定的类,这个工作正常(单元格具有0%的不透明度,因为它并不意味着"显示",但对于我们的手段,它可以正常工作).
现在的问题是:第7列和第8列需要在没有整列获取它的情况下获取该类,只需要具有特定数字的行.
我有一个jsfiddle所以你可以看到代码和东西:
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: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');td:nth-child(10) {
opacity: 0;
}
.disaster{
background-color: #E45858
}
.high{
background-color: #E87658
}
.average{
background-color: #FEA058
}
.warning{
background-color: #FEC858
}
.information{
background-color: #7498FE
}
/*CSS for main elements*/
div {
max-width: 2600px;
display: block;
}
body {
font-family: Arial, Tahoma, Verdana, sans-serif;
background-color: #FFFFFF;
}
table {
text-align: left;
border-collapse: collapse;
}
th …4
推荐指数
推荐指数
2
解决办法
解决办法
115
查看次数
查看次数