Javascript 点击增加数量

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

如何在每次单击时增加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超出
的范围,单击下面的功能。您还必须使用
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解释“为什么”您是这样做的:)(也可以使用带函数的文本将其简化为一行。这与我的意思不完全相同(请参见我自己的答案):)