如何使用 jquery 从表格单元格中计算总计

Question

这是我的 HTML 表格格式：

<table width="580" height="217" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="334">Product</td>
    <td width="246">Price</td>
  </tr>
  <tr>
    <td>Product One</td>
    <td class="price">599</td>
  </tr>
  <tr>
    <td>Product Two</td>
    <td class="price">175</td>
  </tr>
  <tr>
    <td>Product Three</td>
    <td class="price">850</td>
  </tr>
  <tr>
    <td>Product Four</td>
    <td class="price">758</td>
  </tr>
</table>

<p id="grandtotal"></p>

现在，我如何计算所有产品的总计并将其显示在 id 为“grandtotal”的段落中？？

注意：表格是动态生成的，仅供演示使用。

已编辑：为价格添加了班级价格:)，希望这会有所帮助。

Answer 1

根据您的更新（和 Jamiec 解决方案），您可以这样做：

var sum = 0;
$('.price').each(function() {
    sum += parseFloat($(this).text());
});
$('#grandtotal').html(sum)

Answer 2

代码如下：

var sum = 0;
$('tr:not(:first)').each(function(){
    sum += parseFloat($('td:eq(1)',$(this)).text());
});

$('#grandtotal').html(sum)

但是，您可以通过更改标记以将标题放在 thead 节点中（消除 not(:first)）并在单元格上放置一个指示“价格”列的类来简化此操作。

编辑：忘记了必需的 jsfiddle -> http://jsfiddle.net/S5Hbe/