jQuery: Adding up multiple dynamic values

Question

What I'm trying to achieve is this:

I have multiple td's with the same class but different values.

<td class="goals_238"> 3 </td>
<td class="goals_311"> 0 </td>
<td class="goals_128"> 1 </td>
<td class="goals_238"> 4 </td>
<td class="goals_238"> 3 </td>

I want to get the values of "goals_238" and add them up.

The end result for "goals_238" would be = 10

This whole thing is for a sports results table, hence "goals" classes.

I can get to print how many times "goals_238" appears, but doing the math is whole other level for me.

var gamesPlayed = ( $('.goals_238').length );
$('p#goals_238').html(gamesPlayed);

Any clues on how would I go about this?

PinnyM · Accepted Answer · 2012-11-29 22:09:01Z

3

var sum = 0;
$.each($('.goals_238'), function(i, e){
    sum += parseInt($(e).html());
});

answered Nov 29, 2012 at 22:09

PinnyM

35.6k4 gold badges77 silver badges84 bronze badges

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

1 Comment

October Eleven Over a year ago

Worked perfectly! Thanks PinnyM.

Collectives™ on Stack Overflow

jQuery: Adding up multiple dynamic values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related