不能总结jquery中的整数

我是一个新手，由于我在编程方面缺乏经验而导致非常头疼。自学成才，没有任何支持。真的需要你的帮助，这只是我的第二个编程项目，请耐心等待。问题是在创建新的元素，我的总结功能失败。现在我刚刚创建了一个总结小时（分钟和秒不起作用，但最终会）。只有一个元素（'平面'）在页面上正确运行。）。我感谢任何帮助和建议！先谢谢你。下面我链接到我的codepen： http://codepen.io/annadrybulska/pen/LxVNYJ 不能总结jquery中的整数

$(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); 

}) 

});

来源

2017-01-22 Anna Drybulska

你能否解释一下你想要达到的目标？ – Deep

嗨，@Deep我试图总结小时，然后通过右侧的元素，每次用户单击每个飞机女巫上面创建的绿色加号按钮，通过插入它的名称。我明白了吗？对不起，对不起。 –

好的，现在代码笔显示用户在右侧部分输入的小时数，点击.plus-btn。您正在尝试总计小时，但只有一个元素输入[name =“hours”]。总和的目的是什么？ – Deep

OKK，我做了如下修改现有的代码。

1：代替每次初始化总和与0值的，我有与其中。再加-BTN按钮被点击

2行的span.plane小时的电流值初始化：在名为hours的变量中捕获用户在输入[name =“hours”]元素中输入的值。

3：重置输入[名称=“小时”]

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逻辑并不受此影响。

来源

2017-01-23 01:01:27 Deep

不能总结jquery中的整数

回答

相关问题