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

Question

一个表有两行三列。 要求是，如果特定行的第二和第三列之和不等于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>

在上面的示例中，总和2 + 13和2 + 14大于12，因此它们两个的first的背景色都应更改为红色。

Answer 1

您可以简单地执行以下操作：

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