Question

当使用JQuery .each函数时，我似乎正在实现一个我感到困惑的结果。

我希望总数能够输出<span class='count'></span>

中所有数字的总和

但相反是一个出现的数字，但我不明白为什么。 span元素中的数字似乎根本没有被考虑。

HTML

<span class='count'>1</span>
<span class='count'>2</span>
<span class='count'>3</span>
<button id='button'>Go</button>
<hr />

<span>Total: </span><span id='total'></span>

JQuery

$("#button").click( function(total) {
    var total = 0;

    $('.count').each( function(total) {
        var content = $(this).text();
          //alert(content);
        num = parseInt(content);
         // alert(num);
        var newtotal = total + num;

         $('#total').html(total);
    });
});

Answer 1

您正在重新指定total的值，其索引为.each()

更改

$('.count').each( function(total) {

到

$('.count').each( function() {

Answer 2

你期待6？

$("#button").click( function(total) {
     var newtotal=0,total = 0;

    $('.count').each( function() {
        var content = $(this).text();
          //alert(content);
        num = parseInt(content);
         // alert(num);
         newtotal +=num;

         $('#total').html(newtotal);
    });
});

http://jsfiddle.net/prollygeek/H3t5L/2/

JQuery每个都没有给出预期的数字

2 个答案: