jquery sum from different divs with same classes

Question

<div class="sub_total">34,814.64</div>
<div class="sub_total">39,800.64</div>
<div class="sub_total">14,004.04</div>

I want to sum by class I tried by this way

var sum = 0;

$('.sub_total_w_tax').each(function(){
     sum += parseFloat($(this).text());
});

but the result is wrong

Anoop Joshi P · Accepted Answer · 2015-09-14 10:24:13Z

1

You need to remove the commas before adding.

var sum = 0;

$('.sub_total').each(function(){

sum += parseFloat($(this).text().replace(/,/g , ""));

});
alert(sum);

Fiddle

answered Sep 14, 2015 at 10:24

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2015-09-14 11:37:36Z

1

Remove the , from the string, otherwise while it parsing 34,814.64 will get as 34

var sum = 0;

$('.sub_total').text(function(i, v) {
  sum += parseFloat(v.replace(',', ''));
});

$('#result').text('Result : ' + sum);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="sub_total">34,814.64</div>
<div class="sub_total">39,800.64</div>
<div class="sub_total">14,004.04</div>
<div id="result"></div>

edited Sep 14, 2015 at 11:37

answered Sep 14, 2015 at 10:24

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Collectives™ on Stack Overflow

jquery sum from different divs with same classes

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related