Adding to array, then loop through and SUM contents

Question

There are already a few other posts on SO for this topic, like: Loop through array and return sum of all values. I have used the techniques from there and am still not getting the right result.

I have a UL with Several LI's in it. Each of those LI's has text in them which I need adding to an array, once they have all been added I need to add them up.

JSFIDDLE: http://jsfiddle.net/4Be6N/

Here is the jQuery:

$(document).ready(function() {

var arrTotals = [];
var totalAmount = 0;

$( ".cartprice" ).each(function( index ) {

    arrTotals.push = $(this).text(); 
    console.log(arrTotals);
});

for (var i = 0; i < arrTotals.length; i++) {
    totalAmount += arrTotals[i] << 0;
}

console.log('Total Amount: ' + totalAmount)   

});

However, the console is displaying:

Total Amount: 0

Can anyone see why?

arrTotals.push($(this).text()); works fine – Florian Motteau Jun 09 '14 at 09:55 — Florian Motteau, Jun 09 '14 at 09:55

score 1 · Accepted Answer · answered Jun 09 '14 at 09:55

1

Use this :

$(document).ready(function() {

    var arrTotals = [];
    var totalAmount = 0;

    $( ".cartprice" ).each(function( index ) {

        arrTotals[index] = $(this).text(); 
        console.log(arrTotals[index]);
        totalAmount+=parseFloat($(this).text());
   });

    console.log('Total Amount: ' + totalAmount)   

});

Demo

answered Jun 09 '14 at 09:55

Bhushan Kawadkar

28,279
5
35
57

Can you help me with something else. When I add $('#thetotal').text(newTotalAmount); the result is NaN ? – DannieCoderBoi Jun 09 '14 at 10:43
Yes why not, but you have variable totalAmount and where is newTotalAmount? – Bhushan Kawadkar Jun 09 '14 at 10:46
please share your code on jsfiddle so that i can help you better. – Bhushan Kawadkar Jun 09 '14 at 10:47
When I add it in JSFiddle it works: http://jsfiddle.net/4Be6N/9/ but not on the website :/ – DannieCoderBoi Jun 09 '14 at 10:54
check for console error. for more information http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers – Bhushan Kawadkar Jun 09 '14 at 11:44

score 0 · Answer 2 · answered Jun 09 '14 at 10:00

I think shortest way possible something like this:

$(document).ready(function () {
    var totalAmount = 0;
    $(".cartprice").each(function (index) {
        totalAmount += parseFloat($(this).text());
    });
    console.log('Total Amount: ' + totalAmount);
});

Adding to array, then loop through and SUM contents

2 Answers2