根据单元格值为HTML/jquery表格单元格设置颜色
问题描述:
我有以下使用jquery从csv文件中提取数据并将其显示在表格中的HTML。我想在结果表上做一些条件格式。我希望任何值低于2.5的单元格都设置为绿色背景。 2.5和3之间的值应该是黄色的。 3到100之间的任何值都应该是红色的。我已经尝试过在网站上提供的许多不同的解决方案,但目前还没有任何解决方案。根据单元格值为HTML/jquery表格单元格设置颜色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatiable" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Inspection</title>
<link rel="stylesheet" href="mystyles.css" />
<meta http-equiv="refresh" content="120">
</head>
<body>
<script src="jquery.min.js"></script>
<script>
function opsi(data){
var allRows = data.split(/\r?\n|\r/);
var table = "<table id='scrapT'>";
for(var singleRow=0;singleRow<allRows.length;singleRow++){
if(singleRow === 0){
table += "<thead>";
table += "<tr>";
} else{
table += "<tr>";
}
var rowCells = allRows[singleRow].split(',');
for(var rowSingleCell=0;rowSingleCell<rowCells.length;rowSingleCell++){
if(singleRow === 0){
table += "<th>";
table += rowCells[rowSingleCell];
table += "</th>";
} else{
table += "<td>";
table += rowCells[rowSingleCell];
table += "</td>";
}
}
if(singleRow === 0){
table += "</tr>";
table += "</thead>";
table += "<tbody>";
} else{
table += "</tr>";
}
}
table += "</tbody";
table += "</table>";
$("body").append(table);
}
$.ajax({
url: "file.csv",
dataType: "text"
}).done(opsi);
</script>
我在检查那个链接罗纳德。在过去的几天里,没有太多时间来处理这个问题。 –
太棒了。如果可以,请发布解决方案,很高兴提供帮助。 – Ronald
所以这在一定程度上有效,但不完全是我需要的。它适用于所有'td'的数字。我的表格中有4列包含数字。我只需要更改第4列和第5列的颜色。不同的规则适用于每个列。对于第4列,我需要3以下的任何东西都是绿色的,任何3以上的东西都是红色的。对于第5列,我需要90以下的任何东西都是红色的,而任何90以上的东西都是绿色的。 –