$(document).ready(function(){
	var current =  0;
	current += 4;
	$('.add').click(function(){
		$('.box').html(current);
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add">add</button>
<div class="box">
	0
</div>

我想在单击add按钮后按顺序对一个数字求和，如上面的代码片段，因此结果将48121618，依此类推。教我怎么做？

试试这个：你的增量也应该在点击功能中。所以当你点击时，增量实际上会发生，如果它在外面，它就不会发生。

$(document).ready(function(){
var current =  0;
$('.add').click(function(){
current += 4;
$('.box').html(current);
});
});

您必须在单击处理程序中递增。现在它只增加一次。

$(document).ready(function(){
	var current =  0;
	
	$('.add').click(function(){
current += 4;
		$('.box').html(current);
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add">add</button>
<div class="box">
	0
</div>

您需要将行current += 4;移动到click function内部。所以只有你可以increment值on click，否则你会得到每个click4。

$(document).ready(function(){
	var current =  0;
	
	$('.add').click(function(){
current += 4;
		$('.box').html(current);
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add">add</button>
<div class="box">
	0
</div>

点击功能内的移动计数。

$(document).ready(function() {
var current = 0;
$('.add').click(function() {
current += 4;
$('.box').html(current);
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add">add</button>
<div class="box">
0
</div>

试试这个：关键是获取当前值，向其添加 4，然后用新总和替换该值。

$(document).ready(function(){
	
	$('.add').click(function(){
var existing = parseInt($("#result").text());

		$('.box').text(existing + 4);
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add">add</button>
<div id ="result" class="box">
	0
</div>

试试这个。获取框值，下一个检查值为数字，如果为 true，则添加 4 并在div 中绑定值。

$('.add').click(function () {
var current = $('.box').text();
if ($.isNumeric(current))
$('.box').html(parseInt(current)+4);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add">add</button>
<div id ="result" class="box">
	0
</div>

在单击函数内移动当前变量。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var current =  0;
$('.add').click(function(){
current += 4;
$('.box').html(current);
});
});
</script>
<button class="add">add</button>
<div class="box">
0
</div>

工作示例

这很简单，你只需要使用循环和一个数组变量。根据您的要求设置限制。

<html>
<body>
<script type="text/javascript">
$(document).ready(function(){
var current =  0;
var c=0;
var res = [];
$('.add').on('click', function(){
for (c = 0; c < 3; c=c+1){
current += 4;
res[c] = current
$('.box').html('&nbsp'+res);            
}
});
});
</script>
<button class="add">add</button>
<div class="box">   
</div>
</body>
</html>

点击按钮后如何按顺序对数字求和?

工作示例

相关内容

最新更新

热门标签：