はjqueryで整数を集計できません

Question

私は初心者です。私のプログラミングの経験がないために頭痛があります。独学で、何のサポートもなし。あなたの助けが本当に必要です。それはちょうど私の第2のプログラミングプロジェクトです。 問題は、私の集計関数が失敗する新しい要素の作成です。今のところ、私はちょうど時間を合計するために1つを作成しました（分と秒は動作しませんが、最終的には）。ページ上にただ1つの要素（ '面'）があれば、正しく動作します。 ）。私は助けとアドバイスを感謝します！前もって感謝します。 I以下 は私codepenにリンクされています http://codepen.io/annadrybulska/pen/LxVNYJ

$(document).ready(function() { 

var sum = 0; 
$('#plane').on('click', '.plus-btn', function(){ 

    var hours = Number($(this).parent().find('input[name="hours"]').val()); //.time-timer 
    sum += hours; 

    var y = $(this).parentsUntil('.plane').siblings().css({"color": "red", "border": "2px solid red"}).find('.plane-hours').text(sum); 

}) 

}); 

Answer 1

OKK、私はあなたの既存のコードを次のように変更しました。

1：代わりに0値で毎回和を初期化する、私は.plus-BTNボタン

2をクリックする行のspan.planeアワーの電流値で初期化があります。 hoursという変数のinput [name = "hours"]要素でユーザーが入力した値を取得します。

3：[NAME = "時間"]

4入力の値をリセットします。和変数と時間の値を追加します。

5：この計算された値で、ot span.plane-hoursテキストを更新します。

$(document).ready(function() { 

$('#plane').on('click', '.plus-btn', function(){ 

var sum = Number($(this).parentsUntil('.plane').siblings().find('.plane-hours').text()); 
var hours = Number($(this).parent().find('input[name="hours"]').val()); //.time-timer 

$(this).parent().find('input[name="hours"]').val("00") 

sum += hours; 

$(this).parentsUntil('.plane').siblings().css({"color": "red", "border": "2px solid red"}).find('.plane-hours').text(sum); 

}) 
}); 

コードペン：ロジックがこれに影響されないようhttp://codepen.io/anon/pen/rjmQGb

P.Sあなたはdocument.readyを維持することができます。