Javascript 比较tabledata并添加CSS（如果tabledata是
我有一个HTML表格，有几个表格行。每行包含2个tabledata元素。 这些td元素由数字填充 我需要的代码，帮助我比较每行的数字，并添加CSS。 例如：Javascript 比较tabledata并添加CSS（如果tabledata是,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个HTML表格，有几个表格行。每行包含2个tabledata元素。 这些td元素由数字填充 我需要的代码，帮助我比较每行的数字，并添加CSS。 例如： <tr> <td>12</td> <td>15</td> </tr> <tr> <td>3</td> <td>1</td> </tr> 12 15 3. 1.
<tr>
<td>12</td>
<td>15</td>
</tr>
<tr>
<td>3</td>
<td>1</td>
</tr>
12
15
3.
1.
<tr>
<td>12</td>
<td style='color:green;'>15</td>
</tr>
<tr>
<td>3</td>
<td style='color:red;'>1</td>
</tr>
12
15
3.
1.
如何做到这一点？您可以使用jQuery获取每个
tdtdtd$("table tr").each(function(){
var firstTd = $(this).children(":first");
var secondTd = $(this).children(":last");
if (secondTd.html() < firstTd.html()) {
secondTd.css("background-color", "red");
} else if (secondTd.html() > firstTd.html()) {
secondTd.css("background-color", "green");
}
});
$（“表tr”）。每个（函数（）{
var firstTd=$（this.children（“：first”）；
var secondTd=$（this.children（“：last”）；
if（secondTd.html（）firstTd.html（））{
css（“背景色”、“绿色”）；
}
});
您可以尝试使用此功能： 当然，这个解决方案没有使用JQuery 为了以防万一，我也在这里发布了代码：
<body onload="myFunction()">
<table>
<tr>
<td>12</td>
<td>15</td>
</tr>
<tr>
<td>3</td>
<td>1</td>
</tr>
</table>
</body>
<script>
function myFunction(){
var tds = document.getElementsByTagName("td");
for (var i=0; i<tds.length; i++){
if (i>=1 && i%2 != 0){
if (parseInt(tds[i].innerText) > parseInt(tds[i-1].innerText)) {
tds[i].style.color = "green";
} else {
tds[i].style.color = "red";
}
}
}
}
</script>
12
15
3.
1.
函数myFunction（）{
var tds=document.getElementsByTagName（“td”）；
对于（变量i=0；i=1&&i%2！=0）{
if（parseInt（tds[i].innerText）>parseInt（tds[i-1].innerText））{
tds[i].style.color=“绿色”；
}否则{
tds[i].style.color=“红色”；
}
}
}
}
$（'table tr.SummaryContentTr'）。每个（function（）{var secondTd=$（this）.子元素（':nth child（2）；/var thirdTd=$（this）.子元素（':nth child（3）；（if）（thirdTd.html（）secondTd.html（））{thirdTd.css（'color'，'green'）；}}）； document.ready