jquery - jquery を使用してクラス要素の数値を合計し続ける

Question

ここで合計を機能させることはできません..

<button id="button">Add 20</button>
<div class="number"></div>

var n = 0;
var str = "one:40";
var substr = str.split(":");

alert(substr[1]);

$('#button').live('click', function() {
   $('.number').append($('<p />', {text: n += substr[1]}));     
});

私は次のように出力を得ています：

040
04040
0404040
040404040

class='number' に番号を追加したい。これがjsfiddleです。 http://jsfiddle.net/SXF8H/123/

Answer 1

文字列をintに変換する必要があります

var n = 0;
var str = "one:40";
var substr = str.split(":");
alert(substr[1]);

$('#button').live('click', function() {
    $('.number').append($('<p />', {text: n += parseInt(substr['1'])}));     
});