如果单元格中的值通过javascript传递，则以颜色显示表的列

我有一个用于某些计算的表格，如果传递了单元格值，我希望以颜色显示表格的该列。 我现在有这个：

<script type="text/javascript">
   $(document).ready(function(){
     $('#myTable td.y_n').each(function(){
     if ($(this).text() < 0.4) {
         $(this).css('background-color','#a9edb8');
     }
     else {
       $(this).css('background-color','#eda9ca');
     }
   });
 });
</script>

$（文档）.ready（函数（）{
$（'#myTable td.y_n'）。每个（函数（）{
if（$（this）.text（）<0.4）{
$（this.css（'background-color'，'#a9edb8'）；
}
否则{
$（this.css（'background-color'，'#eda9ca'）；
}
});
});

但这只适用于细胞

有什么想法吗？谢谢

$（文档）.ready（函数（）{
$（'#myTable td.y_n'）。每个（函数（i，v）{
if（parseFloat（$（this）.text（））<0.4）{
$（this）.closest（“table”）.find（“td”）.eq（i）.addClass（“pass”）；
}否则{
$（this）.tested（“table”）.find（“td”）.eq（i）.addClass（“fail”）；
}
});
});
.pass{
背景色：#a9edb8
}
.失败{
背景色：#eda9ca
}

3.
6.
2.
.9
.9
1.

$（文档）.ready（函数（）{
$（'#myTable td.y_n'）。每个（函数（i，v）{
if（parseFloat（$（this）.text（））<0.4）{
$（this）.closest（“table”）.find（“td”）.eq（i）.addClass（“pass”）；
}否则{
$（this）.tested（“table”）.find（“td”）.eq（i）.addClass（“fail”）；
}
});
});
.pass{
背景色：#a9edb8
}
.失败{
背景色：#eda9ca
}

3.
6.
2.
.9
.9
1.
我不是说这是最好的方法，因为我使用了太多的循环，但是您可以通过这段代码实现您的需求

$(document).ready(function() {
    $('#myTable tr').each(function(index,event) {
    $(event).children('td').each(function(indexI,eventI) {
      if ($(eventI).text() < 0.4) {
        $('#myTable tr').each(function(indexIn,eventIn) {
            $(eventIn).children('td').eq(indexI).css('background-   color','#eda9ca');
        });
      } 
    }); 
  });
});

$（文档）.ready（函数（）{
$（'#myTable tr'）。每个（函数（索引、事件）{
$（event）.children（'td'）。每个（函数（indexI，eventI）{
if（$（eventI.text（）<0.4）{
$（'#myTable tr'）。每个（函数（indexIn、eventIn）{
$（eventIn）.children（'td'）.eq（indexI）.css（'background-color'，'eda9ca'）；
});
} 
}); 
});
});

祝你好运：）
我不是说这是最好的方法，因为我使用了这么多循环，但是你可以通过这段代码来实现你的要求

$(document).ready(function() {
    $('#myTable tr').each(function(index,event) {
    $(event).children('td').each(function(indexI,eventI) {
      if ($(eventI).text() < 0.4) {
        $('#myTable tr').each(function(indexIn,eventIn) {
            $(eventIn).children('td').eq(indexI).css('background-   color','#eda9ca');
        });
      } 
    }); 
  });
});

$（文档）.ready（函数（）{
$（'#myTable tr'）。每个（函数（索引、事件）{
$（event）.children（'td'）。每个（函数（indexI，eventI）{
if（$（eventI.text（）<0.4）{
$（'#myTable tr'）。每个（函数（indexIn、eventIn）{
$（eventIn）.children（'td'）.eq（indexI）.css（'background-color'，'eda9ca'）；
});
} 
}); 
});
});

祝你好运：）
你也可以做到这一点。在
中，每个
i
是索引，
e
将是当前元素。我刚刚在表中添加了
with=“100”
，使其看起来更合适


$（文档）.ready（函数（）{
$（'#myTable td.y_n'）。每个（函数（i，e）{
如果（$（e）.text（）<0.4）{
$（e）.css（'background-color'，'#a9edb8'）；
}否则{
$（e）.css（'background-color'，'#eda9ca'）；
}
});
});

3.
6.
您也可以这样实现。在
中，每个
i
是索引，
e
将是当前元素。我刚刚在表中添加了
with=“100”
，使其看起来更合适


$（文档）.ready（函数（）{
$（'#myTable td.y_n'）。每个（函数（i，e）{
如果（$（e）.text（）<0.4）{
$（e）.css（'background-color'，'#a9edb8'）；
}否则{
$（e）.css（'background-color'，'#eda9ca'）；
}
});
});

3.
6.
如果我正确理解了您的目标，如果
y\n
单元格包含数值，则您希望设置整列的背景色，并根据该值选择颜色。
要设置整个列，可以在相应的索引处获取tablecells，但更简单的方法是使用列组：


$（文档）.ready（函数（）{
var cols=$（'#myTable col'）；//获取列组
$（'#myTable td.y_n'）。每个（函数（）{
var text=this.innerText；//td的文本
如果（text.length>0&&！isNaN（this.innerText））{//检查它是否是一个数字
var ind=$（this.index（）；//其tr内td的索引=列索引
$（cols[ind]）.css（'background-color'，parseFloat（text）<0.4？'#a9edb8'：'#eda9ca'）；//设置列组的列
}
});
});

r1
7.
r2
1.
6.
r3
A.
B
如果我正确理解了您的目标，如果
y\n
单元格包含数值，则您希望设置整列的背景色，并根据该值选择颜色。
要设置整个列，可以在相应的索引处获取tablecells，但更简单的方法是使用列组：


$（文档）.ready（函数（）{
var cols=$（'#myTable col'）；//获取列组
$（'#myTable td.y_n'）。每个（函数（）{
var text=this.innerText；//td的文本
如果（text.length>0&&！isNaN（this.innerText））{//检查它是否是一个数字
var ind=$（this.index（）；//其tr内td的索引=列索引
$（cols[ind]）.css（'background-color'，parseFloat（text）<0.4？'#a9edb8'：'#eda9ca'）；//设置列组的列
}
});
});

r1
7.
r2
1.
6.
r3
A.
B
如果表中有很多行（很多），最好在表中使用，并将背景放在col元素上。无论如何，您始终可以这样做：


$（函数（）{
$（“表a”）。单击（函数（e）{
e、 预防默认值（）；
var index=$（this.html（）；
colHighlight（$（this）.closest（'table'），index）；
});
});
函数colHighlight（表，colIndex）{
var bodyCells=table.find（'tbody td'）；
css（'background-co