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

以下是我的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>

产品
价格
产品一
599
产品二
175
产品三
850
产品四
758

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

注意：表格是动态生成的，这只是为了演示

---

编辑：为price:）添加了类price，希望这对您有所帮助。

以下代码有效：

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

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

但是，您可以通过更改标记将标题放在

ad

节点（删除

not（：first）

）中，并在单元格上放置一个指示“price”列的类，从而简化此操作

编辑：根据您的更新（和Jamiec解决方案），忘记了强制性JSFIDLE->

，您可以执行以下操作：

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

---

可以添加类来区分第一列和第二列单元格吗？可以使解决方案更简单…与此完美配合..如果价格在第四列呢？？那么该怎么办？？？很明显，您更改了

eq（1）

中的索引。但是，如果可能的话，这就是为什么您应该将price列与其自己的类区分开来。