не может суммировать целые числа в jquery

Question

Я новичок, с действительно большой головной болью, вызванной моей неопытности в программировании. Самоучитель, без всякой поддержки. На самом деле нужна ваша помощь, это только мой второй проект программирования, пожалуйста, будьте терпеливы. Проблема заключается в создании новых элементов, где моя функция суммирования не работает. На данный момент я только что создал один, чтобы суммировать часы (минуты и секунды не работает, но в итоге будет). С одним элементом («плоскостью») на странице он работает правильно. ). Я ценю любую помощь и совет! Заранее спасибо. Ниже я ссылку на мой 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 каждый раз, я должен инициализировать его с текущим значением из span.plane-часов строки, где кнопка .plus-БТН щёлкнули

2: Запишите значение, введенное пользователем во входном элементе [name = "hours"] в переменной, называемой часами.

3: Сброс значения входного [Name = "часов"]

4: Добавить значение часов с переменной суммой.

5: Обновите текст от 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, как логика не влияет.