jquery adding span integer values doesn't work

Question

Don't know why it doesn't work. jquery isn't adding them up. It displays just 00. I'm using rails 4.

# application.js 
var sum = 0;
$('.sum1').each(function() {
  sum += +$(this).text()||0;
});
$("#sum1_total").text(sum);


# view
<% @modification.boxes.each do |d| %>  
  <tr class="sum">
    <td><%= best_in_place d, :shares, :type => :input, :class => :sum1 %></td>
  </tr>
<% end %> 
<tr>
  <td><span id="sum1_total">00</span></td>
</tr>

@TravisJ thanks it worked! you can submit this as answer. I will accept it. — DanielsV, Dec 23 '15 at 23:12

score 2 · Accepted Answer · answered Dec 23 '15 at 23:13

2

As written, the DOM elements are not accessible when the script executes. The result is that no elements are changed. Wrap your "application.js" in a dom ready callback function using jQuery's $(function{}) or native addEventListener with "load".

answered Dec 23 '15 at 23:13

Travis J

81,153
41
202
273

jquery adding span integer values doesn't work

1 Answers1