Javascript 更改表中特定索引的颜色

Javascript 更改表中特定索引的颜色,javascript,jquery,html,Javascript,Jquery,Html,表有两行三列。要求是,如果特定行的第二列和第三列之和不等于12,则同一行的背景颜色将变为红色,但第一列将变为红色 注意:第一列仅包含文本。第二列和第三列具有包含整数值的文本框 例如: <table> <tr> <td>A</td> <td>2</td> <td>13</td> </tr> <tr> <

表有两行三列。要求是,如果特定行的第二列和第三列之和不等于12,则同一行的背景颜色将变为红色,但第一列将变为红色

注意:第一列仅包含文本。第二列和第三列具有包含整数值的文本框

例如:

<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'
        });
    }
})

我尝试获取列表的索引,我们正试图通过该索引进行迭代。不过我有另一个解决方案。在这种情况下,也许你可以在这里给我们你的解决方案,以帮助别人看到你的帖子并寻找解决方案。