Javascript 覆盖特定列单元格上的css

Javascript 覆盖特定列单元格上的css,javascript,html,css,if-statement,Javascript,Html,Css,If Statement,这是我创建表的代码,我有3个数组array1、array2和result。我正在用它们创建不同的列。在第三列中,我设置了一个条件,根据数字是否为负/正/中性来更改文本的颜色。在中性和非数字状态下,我将其保持为黑色 由于这种情况,css也将应用于标头,即结果[0]。如何避免将中性类应用于结果列的第一个单元格。是否有任何方法可以在结果列的第一个单元格上指定css,使其优先于应用的其他css array1=[“array1”、“161.90美元”、“53.30美元”、“186.20美元”、“最高35

这是我创建表的代码,我有3个数组array1、array2和result。我正在用它们创建不同的列。在第三列中,我设置了一个条件,根据数字是否为负/正/中性来更改文本的颜色。在中性和非数字状态下,我将其保持为黑色

由于这种情况,css也将应用于标头,即结果[0]。如何避免将中性类应用于结果列的第一个单元格。是否有任何方法可以在结果列的第一个单元格上指定css,使其优先于应用的其他css

array1=[“array1”、“161.90美元”、“53.30美元”、“186.20美元”、“最高350美元”、“最高700美元”、“3000.00美元”、“6000.00美元”、“6650.00美元”、“13300.00美元”、“无”]
array2=[“array2”,“11.30美元”,“53.80美元”,“18.00美元”,“350美元”,“匹配到700美元”,“3000.00美元”,“7000.00美元”,“6950.00美元”,“匹配到350美元”,“不可用”]
结果=[“结果列”、“-$1.30”、“-$53.80”、“$1.00”、“$50”、“匹配到$700”、“$3000.00”、“$7000.00”、“$6950.00”、“$350”、“不可用”]
变量表
var modalBody=$('');
buildTable();
//从2列数组和结果数组生成表
函数buildTable(){
var modalTable=document.createElement(“表”);
setAttribute(“id”、“myTable”);
html(modalTable);
for(设i=0;i0&!isNaN(resultcomp)){
col3.setAttribute(“类”、“正”);
}
否则{
col3.setAttribute(“类”、“中性”);
}
行。追加子行(col1);
行。追加子项(col2)
行。追加子项(col3)
}
返回表;
}
$(“.modal body”).html(modalBody)
。否定{
颜色:红色;
字号:500;
}
.肯定的{
颜色:绿色;
字号:500;
}
.中立{
颜色:黑色;
字号:500
}
#myTable>#myTr0{
颜色:白色!重要;
字号:500;
}
td:第一种类型{
颜色:白色!重要;
}

&时代;

只需添加一个条件来检查设置类的代码部分周围的
i

if (i > 0) {
    if(resultcomp < 0 && !isNaN(resultcomp)){
        col3.setAttribute("class", "negative");
    }
    else if(resultcomp > 0 && !isNaN(resultcomp)){
        col3.setAttribute("class", "positive");
    }
    else {
        col3.setAttribute("class", "neutral");
    }
}
if(i>0){
if(resultcomp<0&!isNaN(resultcomp)){
col3.setAttribute(“类”、“负”);
}
else if(resultcomp>0&!isNaN(resultcomp)){
col3.setAttribute(“类”、“正”);
}
否则{
col3.setAttribute(“类”、“中性”);
}
}