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

您可以修改以上代码也可以在按钮点击事件中获得总和。