Jquery按表格/輸入數據分組的總和

Question

好吧，我一直在打這個約10個小時。我正在尋找按組分組我的表數據和總和（如按產品總和價格）。在第二個表中。

我希望按項目列進行組或過濾，並對價格列的結果進行求和。

所以橘子（有兩條線）應該是一條總價的線。

請幫忙!! 3天，還在不斷擴大對這個建議...

見下面這個例子：

<table width="400" border="1"> 
     <tr> 
     <td>Item</td> 
     <td>Location</td> 
     <td>Quantity</td> 
     <td>Price</td> 
     </tr> 
     <tr> 
     <td><input name="item" type="text" id="item" value="Orange" /></td> 
     <td><input name="location" type="text" id="location" value="Tree" /></td> 
     <td><input name="quantity" type="text" id="quantity" value="3" /></td> 
     <td><input name="price" type="text" id="price" value="3.00" /></td> 
     </tr> 
     <tr> 
     <td><input name="item" type="text" id="item2" value="Apple" /></td> 
     <td><input name="location" type="text" id="location" value="Tree" /></td> 
     <td><input name="quantity" type="text" id="quantity" value="1" /></td> 
     <td><input name="price" type="text" id="price" value="1.00" /></td> 
     </tr> 
     <tr> 
     <td><input name="item" type="text" id="item" value="Orange" /></td> 
     <td><input name="location" type="text" id="location" value="Tree" /></td> 
     <td><input name="quantity" type="text" id="quantity" value="4" /></td> 
     <td><input name="price" type="text" id="price" value="4.00" /></td> 
     </tr> 
     <tr> 
     <td><input name="item" type="text" id="item" value="Grapes" /></td> 
     <td><input name="location" type="text" id="location" value="Vine" /></td> 
     <td><input name="quantity" type="text" id="quantity" value="10" /></td> 
     <td><input name="price" type="text" id="price" value="10.00" /></td> 
     </tr> 
    </table> 

    <p>&nbsp;</p> 
    <table width="400" border="1"> 
     <tr> 
     <td>Orange</td> 
     <td>7</td> 
     <td>7.00</td> 
     </tr> 
     <tr> 
     <td>Apple</td> 
     <td>1</td> 
     <td>1.00</td> 
     </tr> 
     <tr> 
     <td>Grapes</td> 
     <td>10</td> 
     <td>10.00</td> 
     </tr> 
    </table> 

Answer 1

首先更改ID「價格」類，然後

$(document).ready(function(){ 
    var sum = 0; 
    $('.price').each(function(){ 
     sum += $(this).val(); 
    }); 
    alert("The sum is " + sum); 
}); 

您可以修改以上代碼也可以在按鈕點擊事件中獲得總和。