iterate through each selector jquery
I'm having problems calculating stuff on my web app. Here is the scenario:
I have a html markup like this:
<table>
<tr>
<td><span class="sub_total">10</span></td>
</tr>
<tr>
<td><span class="sub_total">10</span></td>
</tr>
<tr>
<td><span class="sub_total">10</span></td>
</tr>
</table>
<p><span id="total"></span></p>
I would like to calculate the main total of all the sub totals:
var total;
$('.sub_total').each(function(){
total = total + parseInt($(this).text());
});
$('#total').text(total);
But I can't get this to work. I get开发者_如何学运维 a NaN notification..
You have to initialize total to 0:
var total = 0; // <-- initialize to zero
$('.sub_total').each(function(){
total = total + parseInt($(this).text());
});
$('#total').text(total);
精彩评论