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

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，所以 第一對兩者的背景顏色應該變爲紅色。

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