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

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