перебирать каждый селектор jquery

Question

У меня проблемы с вычислением материала в моем веб-приложении. Вот сценарий:

У меня есть HTML-разметка, как это:

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

Я хотел бы рассчитать общую сумму всех промежуточных итогов:

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

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

Но я не могу заставить это работать. Я получаю уведомление NaN ..

Answer 1

Вы должны инициализировать всего до 0:

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

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

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