Javascript 如何根据条件将CSS应用于表格单元格

Javascript 如何根据条件将CSS应用于表格单元格,javascript,html,css,Javascript,Html,Css,我有一个10行的表,数据是 ABC XYZ 30% (ABC) ABC MNO 91% (XYZ) var table = document.getElementById("table2"); for (var i = 0, row; row = table.rows[i]; i++) { for (var j = 0, col; col = row.cells[j]; j++) { var data = col.innerText; var data1 = data.s

我有一个10行的表,数据是

ABC XYZ 30% (ABC)
ABC MNO 91% (XYZ)



var table = document.getElementById("table2");
for (var i = 0, row; row = table.rows[i]; i++) {
   for (var j = 0, col; col = row.cells[j]; j++) {
   var data = col.innerText;
   var data1 = data.split(" ");
   if(data1[0] == "91%"){
        row.cells[j].css( "color", "red" );
   }
   }  
}
我想给90%以上的单元格添加红色。怎么做。
我知道在后端我们可以做到这一点,但现在我只使用html和CSS。

代码中的细微变化可以使其正常工作

var table=document.getElementById(“表2”);
for(变量i=0,行;行=表。行[i];i++){
for(var j=0,col;col=row.cells[j];j++){
var data=col.innerText;
//替换%symbol,解析并与数字进行比较
如果(+数据替换('%,'')>90){
//更新单元格的样式属性
col.style.color=“红色”;
}
}
}

基础知识
XYZ
30%
(美国广播公司)
基础知识
MNO
91%
(XYZ)

代码中的细微变化可以使其正常工作

var table=document.getElementById(“表2”);
for(变量i=0,行;行=表。行[i];i++){
for(var j=0,col;col=row.cells[j];j++){
var data=col.innerText;
//替换%symbol,解析并与数字进行比较
如果(+数据替换('%,'')>90){
//更新单元格的样式属性
col.style.color=“红色”;
}
}
}

基础知识
XYZ
30%
(美国广播公司)
基础知识
MNO
91%
(XYZ)

行.单元格[j].css(“颜色”,“红色”)=>
row.cells[j].style.color='red'jQuery毁了你。另外,也请查看
中的
。没有条件。有没有任何方法可以为背景色这样做。还可以检查no-like>90%no-not-stringwith
row.cells[j].css(“颜色”、“红色”)=>
row.cells[j].style.color='red'jQuery毁了你。另外,也请查看
中的
。没有条件。有没有任何方法可以为背景色这样做。并且还可以检查“不喜欢”>90%的“不喜欢”