itérer chaque creux jquery

Question

J'ai des problèmes pour calculer des choses sur mon application web. Voici le scénario:

J'ai un balisage HTML comme ceci:

<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> 

Je voudrais calculer le total principal de tous les totaux sous:

var total; 
    $('.sub_total').each(function(){ 
     total = total + parseInt($(this).text()); 
    }); 

    $('#total').text(total); 

Mais je ne peux pas obtenir ceci pour travailler. Je reçois une notification NaN ..

Plz aide et des conseils

Salutation

Answer 1

Vous devez initialiser total à 0:

var total = 0; // <-- initialize to zero 

$('.sub_total').each(function(){ 
    total = total + parseInt($(this).text()); 
}); 

$('#total').text(total);