Question

我是一个新手，由于我缺乏编程经验而导致非常头痛。自学成才，没有任何支持。真的需要你的帮助，这只是我的第二个编程项目请耐心等待。问题在于创建新元素，我的总结功能失败了。现在我只创建一个来总结几小时（分钟和秒钟不起作用，但最终会起作用）。只有一个元素（＆＃39; plane＆＃39;）在页面上正确运行。）。我感谢任何帮助和建议！先感谢您。下面我链接到我的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-hours的当前值初始化它，其中点击了.plus-btn按钮

2：捕获用户在名为hours的变量中的输入[name =“hours”]元素中输入的值。

3：重置输入值[name =“hours”]

4：使用sum变量添加小时值。

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你可以保留文件。因为逻辑不受此影响。

无法在jquery

1 个答案: