Javascript 更改表中特定索引的颜色
表有两行三列。要求是,如果特定行的第二列和第三列之和不等于12,则同一行的背景颜色将变为红色,但第一列将变为红色 注意:第一列仅包含文本。第二列和第三列具有包含整数值的文本框 例如:Javascript 更改表中特定索引的颜色,javascript,jquery,html,Javascript,Jquery,Html,表有两行三列。要求是,如果特定行的第二列和第三列之和不等于12,则同一行的背景颜色将变为红色,但第一列将变为红色 注意:第一列仅包含文本。第二列和第三列具有包含整数值的文本框 例如: <table> <tr> <td>A</td> <td>2</td> <td>13</td> </tr> <tr> <
<table>
<tr>
<td>A</td>
<td>2</td>
<td>13</td>
</tr>
<tr>
<td>B</td>
<td>2</td>
<td>10</td>
</tr>
<tr>
<td>C</td>
<td>2</td>
<td>14</td>
</tr>
</table>
A.
2.
13
B
2.
10
C
2.
14
在上述示例中,2+13和2+14之和大于12,
因此,它们的第一个的背景色都应该变为红色。您可以简单地执行以下操作:
$('tr').each(function(i, row) {
// init sum for each new parsed row
var sum = 0;
// parse row children ('td')
$(this).children('td').each(function(j, col) {
if (j > 0) {
// sum all columns, except first
sum += parseInt($(col).text());
}
});
// check sum
if (sum != 12) {
// Change background here for first column of current row
$(row).find('td').first().css({
backgroundColor: 'red'
});
}
})
我尝试获取列表的索引,我们正试图通过该索引进行迭代。不过我有另一个解决方案。在这种情况下,也许你可以在这里给我们你的解决方案,以帮助别人看到你的帖子并寻找解决方案。