用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>

我使用＆＃39; sum＆＃39;标记TD。我使用如下的javascript：

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

我知道它不起作用，我是Javascript的新手。非常感谢！

Answer 1

应该是这样的：

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

Answer 2

在each循环内部，您必须获取td的当前值（其innerText已转换为数字）并添加到sum：

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

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

另外，您应该将colspan="4"添加到td#total以使HTML有效。

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