用javascript總結td

Question

<td  class="sum"><?php echo $item->get('unit_price') * $item->get('quantity'); ?></td>
<td  class="sum"><?php echo $item->get('unit_price') * $item->get('quantity'); ?></td>
<td  class="sum"><?php echo $item->get('unit_price') * $item->get('quantity'); ?></td>
<td  class="sum"><?php echo $item->get('unit_price') * $item->get('quantity'); ?></td>
<tr><td id="total"></td></tr>

我將TD標記為“ sum”，並使用如下所示的javascript：

<script>
var sum = 0;
$('.sum').each(function() {
        sum += sum;
});
$('#total').text(sum);
</script>

我知道這行不通，我是Java語言的新手，非常感謝！

Answer 1

應該只是這樣：

  // Gets the number of elements with class yourClass
  var totalTd = $('.sum').length;
  $('.total').text(totalTd);

Answer 2

在each循環內，您都必須獲取td當前值（將其innerText轉換為Number）並加到sum ：

var sum = 0;
$('.sum').each(function() {
    sum += Number($(this).text());
});

$('#total').text(sum);

另外，您應該在td#total添加colspan="4"以使HTML有效。

演示： http ： //jsfiddle.net/7f0todr1/