jquery - Sum of values from different divs with the same class

Question

I am loading dynamically divs that have a .totalprice class. At the end, I would like to sum of the values from all of the .totalprice.

Answer 1

For <div> Elements:

var sum = 0;
$('.totalprice').each(function(){
    sum += parseFloat($(this).text());  // Or this.innerHTML, this.innerText
});

You can see a working example of this here

For <input> Elements (inputs, checkboxes, etc.):

var sum = 0;
$('.totalprice').each(function(){
    sum += parseFloat(this.value);
});

Alternatively, if you are looking for an integer, you can use the parseInt() function.

You can see a working example of this here.