使用jquery來計算特定表格單元的總和

Question

我正在使用jQuery。我想用jQuery來計算特定的表格單元格的總和。我的代碼是在這裏：

<table id="table"> 
<tr> 
    <td>Item1</td> 
    <td>Item2</td> 
    <td>Item3</td> 
    <td>Item4</td> 
    <td>Item5</td> 
    <td>Total</td> 
</tr> 

<tr> 
    <td><input type="text" value="1"/></td> 
    <td><input type="text" value="2"/></td> 
    <td><input type="text" value="3"/></td> 
    <td><input type="text" value="4"/></td> 
    <td><input type="text" value="5"/></td> 
    <td><input type="text" /></td> 

</tr> 
<tr> 
    <td><input type="text" value="1"/></td> 
    <td><input type="text" value="2"/></td> 
    <td><input type="text" value="3"/></td> 
    <td><input type="text" value="4"/></td> 
    <td><input type="text" value="5"/></td> 
    <td><input type="text" /></td> 

</tr> 

我想第二和第四列，每一行顯示在最後一列的總和（即item3+item5，結果將顯示在總列） 。 如何使用jQuery使用for each循環來完成？

Answer 1

試試這個：

​​

見演示：Fiddle

Answer 2

您可以使用更改處理像

//register the change handler only for 3rd and 5th input elements 
$('#table').find('td:nth-child(3) input, td:nth-child(5) input').change(function() { 
    var $inputs = $(this).closest('tr').find('input'); 
    $inputs.last().val((+$inputs.eq(2).val() || 0) + (+$inputs.eq(4).val() || 0)) 
}).filter('td:nth-child(5) input').change(); //to initialize values 

演示：Fiddle