Sum td with javascript

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>

I tag the TD with 'sum' and I use javascript like below:

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

I know it does not work, I am new to Javascript.Thanks a lot!

@impaler what exactly do you want the result? the sum of value inside tag td or the number of td's? — VPK
– VPK, Commented Sep 3, 2014 at 10:45

Karan Patyal · Accepted Answer · 2014-09-03 10:55:20Z

1

Should just be something like:

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

edited Sep 3, 2014 at 10:55

answered Sep 3, 2014 at 10:46

Karan Patyal

4914 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dfsq · Accepted Answer · 2014-09-03 10:43:35Z

0

Inside of each loop you must take current value of the td (its innerText converted to Number) and add to sum:

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

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

Also you should add colspan="4" to td#total to make HTML valid.

Demo: http://jsfiddle.net/7f0todr1/

answered Sep 3, 2014 at 10:43

dfsq

193k26 gold badges244 silver badges261 bronze badges

Collectives™ on Stack Overflow

Sum td with javascript

2 Answers 2

Comments

Demo: http://jsfiddle.net/7f0todr1/

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Demo: http://jsfiddle.net/7f0todr1/

Comments

Related