jQuery 1+1 = 2

[Nicmare]

ich versuche mit jQuery ganz simple Addition und Substraktion:
$("#pfield").html($("#pfield").html() + $(this).attr("title"));

Aber auf die weise schreibt er hintereinander die Zahlen ohne eine Kalkulation.
Also wenn das attribut title den wert "10" und "5" und "20" enthält, bekomme ich lediglich 10520 statt 35 ausgegeben. Wie macht man das?

[thomas_E]

ja, weil + in JS sowohl addition, als auch Stringverkettung bedeutet, und da es sich hierbei um Strings handelt, fängt er an zu verketten!

so:
$("#pfield").html(parseFloat($("#pfield").html() ) + parseFloat($(this).attr("title")));

[Nicmare]

Achso! habe ich direkt mal ausprobiert und kriege NaN ausgegebn. Also ich mal recherchiert was diese Funktion eigentlich bedeutet und auf folgende Dokumentation gestoßen. die zahl ist also "Not a Number". wieso das nun wieder?

[thomas_E]

weil einer der beiden Werte mehr als nur eine Zahl un Whitespace zurückgibt, sondern vielleicht so etwas!?

<span id="pfield">10</span>

[Nicmare]

nein. ich hab das nochmal mit nem screenshot festgehalten :-)
also das entspricht jetzt einer eingabe von 10+15+5+5

[Nicmare]

hier mal der link zum projekt Galerie

[:: RK ::]

Trag mal in das "pfield" eine 0 (Null) ein, damit du für dieses Feld in deiner
Berechnung einen Startwert hast.

Also so:

<div id="pfield">0</div>

Deine Rechnung nimmt ja den Wert dieses Feldes und rechnet dann das,
was im Attribut "title" des jeweiligen Elements steht, dazu. Wenn aber in
"pfield" nichts drinsteht kann JS damit nichts anfangen, das ganze wird
also NaN.

Falls das dein gewünschtes Ergebnis erzielt würd ich anstelle der "0" ne
If-Abfrage mache und schauen ob "pfield" leer ist, falls ja, diesen Wert
weglassen.

Hab mal mittels Firebug ne "0" in "pfield" eingetragen und daraufhin beim
ersten Bild (links oben) alle drei Optionen der Reihe nach angeklickt.
Ergebnis siehe Anhang.

[Nicmare]

ja super! bist malwieder mein Held . darauf muss man auch erstmal kommen aber so wie du es erläutert hast, klingt es irgendwie logisch