jquery Calculate sum from elements markup

Question

I have the child count coming from the server, i'd rather not do any more math there. I'd like to extract the number from the markup.

Within every .active-parent I need to loop through, and get a number from .category-count .

      children_counts = $('.active-parent .category-count')
      children_counts.each(function(){
        var parent_count = $(this).text();
        console.log(parent_count)
      });

I have it returning the numbers with the log statement

Can't figure out how to sum those up. Any help would be much appreciated.

Sushanth -- · Accepted Answer · 2013-06-01 19:32:02Z

2

Initialize a variable and use parseInt to add the count inside the each loop.

children_counts = $('.active-parent .category-count');
var totalCount = 0;
children_counts.each(function(){
   var parent_count = $(this).text();
   totalCount += parseInt(parent_count, 10);
});
console.log('Total Count is -- ' + totalCount );

answered Jun 1, 2013 at 19:32

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

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

2 Comments

jahrichie Over a year ago

AMAZING. Thanks for the quick answer, now I just need to figure out how to append that to the .active parent ! Thanks

Sushanth -- Over a year ago

@jahrichie .. Glad to have helped... Just use append method .. $('.active-parent').append( $('<p/>', { text : total_count }));

Collectives™ on Stack Overflow

jquery Calculate sum from elements markup

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related