Javascript 点击增加数量
如何在每次单击时增加100?我犯了什么错误?请告诉我谢谢Javascript 点击增加数量,javascript,jquery,Javascript,Jquery,如何在每次单击时增加100?我犯了什么错误?请告诉我谢谢 $(“.label”)。单击(函数(){ 变量数=100; 数字++; $(“.shownumber”).text(数字); }); .label{ 宽度:自动; } .标签:悬停{ 背景:#ccc; } 点击我 100您走的是正确的道路,但您必须移动var number=100超出的范围,单击下面的功能。您还必须使用number+=100,以增加100,而不是只增加1的number++ var number = 100; $(".l
$(“.label”)。单击(函数(){
变量数=100;
数字++;
$(“.shownumber”).text(数字);
});代码>
.label{
宽度:自动;
}
.标签:悬停{
背景:#ccc;
}
点击我
100
您走的是正确的道路,但您必须移动var number=100代码>超出的范围
,单击下面的功能。您还必须使用number+=100
,以增加100
,而不是只增加1的number++
var number = 100;
$(".label").click(function () {
number += 100;
$(".shownumber").text(number);
});
var编号=100;
$(“.label”)。单击(函数(){
数字+=100;
$(“.shownumber”).text(数字);
});代码>
.label{
宽度:自动;
}
.标签:悬停{
背景:#ccc;
}
点击我
100
您走的是正确的道路,但您必须移动var number=100代码>超出的范围
,单击下面的功能。您还必须使用number+=100
,以增加100
,而不是只增加1的number++
var number = 100;
$(".label").click(function () {
number += 100;
$(".shownumber").text(number);
});
var编号=100;
$(“.label”)。单击(函数(){
数字+=100;
$(“.shownumber”).text(数字);
});代码>
.label{
宽度:自动;
}
.标签:悬停{
背景:#ccc;
}
点击我
100试试这个
var number = 100;
$(".label").click(function () {
number += 100;
$(".shownumber").text(number);
});
试试这个
var number = 100;
$(".label").click(function () {
number += 100;
$(".shownumber").text(number);
});
您只需将var num移动到单击范围之外
$(document).ready(function(){
var number = 100;
$(".label").click(function() {
number++;
$(".shownumber").text(number);
});
});
您只需要将var num移动到单击的范围之外
$(document).ready(function(){
var number = 100;
$(".label").click(function() {
number++;
$(".shownumber").text(number);
});
});
只有一行代码
$(".label").click(function () {
$(".shownumber").text( parseInt($(".shownumber").text())+100);
});
只有一行代码
$(".label").click(function () {
$(".shownumber").text( parseInt($(".shownumber").text())+100);
});
$(“.label”)。单击(函数(){
$(“.label”)。单击(函数(){
对于是否要添加1或100,问题是不明确的,但在任何情况下,都可以直接添加到文本值(转换为整数)。我通常反对对任何内容使用全局变量,因为它们不可缩放(即,多个元素)
text
允许您提供一个函数,该函数将返回元素的新文本:
$(".label").click(function () {
$(".shownumber").text(function(){return ~~$(this).text() + 1}); // or 100!
});
注意:~~
是一种方便(快速)的从字符串到整数的快捷转换
JSFiddle:
使用这种方法,您可以使用某种形式的所有权安排来支持多个元素。这种方法使用包含div
和最近的并支持任意数量的控件。使用全局var根本不起作用
JSFiddle:对于是否要添加1或100,问题是不明确的,但在任何情况下,您都可以直接添加到文本值(转换为整数)。我通常反对对任何内容使用全局变量,因为它们不可缩放(即,多个元素)
text
允许您提供一个函数,该函数将返回元素的新文本:
$(".label").click(function () {
$(".shownumber").text(function(){return ~~$(this).text() + 1}); // or 100!
});
注意:~~
是一种方便(快速)的从字符串到整数的快捷转换
JSFiddle:
使用这种方法,您可以使用某种形式的所有权安排来支持多个元素。这种方法使用包含div
和最近的并支持任意数量的控件。使用全局var根本不起作用
jsIDLE:应在click事件的范围之外声明number
变量。应在click事件的范围之外声明number
变量。尝试多次单击。-1重复原始错误。我注意到。-1已删除:)尝试单击多次。-1重复原来的错误。我注意到。-1已删除:)oopss..抱歉..已经做了更改..不清楚他是想在100之前添加还是1实际上我现在必须同意你的意见.这个问题模棱两可。-1删除:)oopss..抱歉..已经做了更改..不清楚他是想在100之前添加还是1实际上我现在必须同意你.这个问题模棱两可。-1删除:)当提供一种完全不同的执行任务的方式时,最好向OP解释“为什么”你是这样做的:)(也可以使用带函数的文本将其简化为一行。这与我的意思不完全一致(请参见我自己的答案):)当提供一种完全不同的执行任务的方式时,最好向OP解释“为什么”您是这样做的:)(也可以使用带函数的文本将其简化为一行。这与我的意思不完全相同(请参见我自己的答案):)