jquery - 遍历每个选择器 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);