Summe mit jQuery jede Funktion

Question

Ich möchte einige HTML-Elemente hinzufügen, die den gleichen Klassennamen haben.

So wird der Code mit jQuery so sein.

$(".force").each(function(){ 
    a += parseInt($(this).html()); 
}); 
$("#total_forces").html(a); 

In diesem Code muss die Variable global sein.

Gibt es eine andere Möglichkeit, jeden .force Wert zu summieren und die Summe aus der each Funktion zu erhalten?

Answer 1

Wenn Sie eine globale Variable nicht einführen wollen, könnten Sie so etwas wie folgt verwenden:

$("#total_forces").html(function() { 
    var a = 0; 
    $(".force").each(function() { 
     a += parseInt($(this).html()); 
    }); 
    return a; 
}); 

Answer 2

Sie können $ (". Force"). Length verwenden, sie gibt die Anzahl der Elemente im jQuery-Objekt zurück.

jQuery API

Answer 3

Kurz gesagt, nein.

Warum muss a global sein? Es ist nicht global zu sein.

function aFunc() { 
    var a = 0; 

    $(".force").each(function(){ 
     a += parseInt($(this).html()); 
    }); 

    return a; 
} 

$("#total_forces").html(aFunc()); 

Which, kann vereinfacht werden:

$("#total_forces").html(function() { 
    var a = 0; 

    $(".force").each(function(){ 
     a += parseInt($(this).html()); 
    }); 

    return a; 
}); 

Hier a ist lokal für aFunc, und ist nur eine von Millionen von Beispielen nicht im globalen Bereich zu sein.

Answer 4

Sie wollen nicht global?

Answer 5

Wenn Sie die gleiche Funktionalität häufig benötigen, würde ich wahrscheinlich einfach ein Plugin erstellen.

Beispiel:http://jsfiddle.net/patrick_dw/2bX3U/1/

(function($) { 
    $.fn.sumHTML = function() { 
     var sum = 0; 
     this.each(function() { 
      var num = parseInt($(this).html(), 10); 
      sum += (num || 0); 
     }); 
     return sum; 
    }; 
})(jQuery); 

..., die wie folgt verwendet werden würde:

$('#total_forces').html($('.force').sumHTML()); 

---

EDIT: Changed Agains NaN zu schützen, wie durch @Šime Vidas zur Kenntnis genommen. Auch die Basis-10 in der parseInt() sichergestellt und eine Schließung }, die fehlte behoben.