怎么用js根据单元格中的内容来改变table中的整行字体颜色

Question

table绑定的数据中有一列入库量，如果这个入库量是负数，就设置整行的字体变成红色。用js如何实现

Answer 1

修改 column_num 的值对应你 table 中的列数，下例检查的是第二列

<script type="text/javascript">
window.onload = function() {
// 第二列
var column_num = 2;

// 获取元素
var table = document.getElementById("table"),
rows = table.getElementsByTagName("tr");

// 循环表格
for(var i = 0; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
for(var c = 0; c < cells.length; c++) {
// 对应列
if(c + 1 === column_num
// 判断是否小于 0
&& parseFloat(cells[c].innerHTML) < 0) {
// 两者均成立，改变颜色
rows[i].style.color = "#f00";
// 检查下一行
break;
}
}
}
};
</script>

BBB 和 CCC 这两行会变成红色

<table border="1" id="table">
<tr><td>AAA</td><td>124</td><td>XXX</td></tr>
<tr><td>BBB</td><td>-66</td><td>YYY</td></tr>
<tr><td>CCC</td><td>-95</td><td>ZZZ</td></tr>
</table>

如果你使用 jQuery，那可以更简单一些。没有的话就用上面的原生 JavaScript 代码。

$(function() {
$("#table tr td:nth-child(2)").each(function() {
if(parseFloat($(this).text()) < 0) {
$(this).parent().css("color", "#f00");
}
});
});

Answer 2

很简单，用for 循环 内容，然后在循环体里用if 语句判断单元值为负数，则设置单元格正行为红色为
例如 <tr fonts color="red"><td>内容</td></tr>