Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 向上/向下单击计数器_Jquery_Html_Parsing_Counter - Fatal编程技术网

Jquery 向上/向下单击计数器

Jquery 向上/向下单击计数器,jquery,html,parsing,counter,Jquery,Html,Parsing,Counter,听起来很简单,但我很难做到这一点 简单地说,如果在按住shift键的同时单击id为“Counter”的元素,则由Total包装的int值应该上升。如果单击时按住alt键,则它会下降 $('#Counter').click(function(x) { if(x.altKey) { $('#Counter').html(parseInt($('#Total').html())-1); } if (x.shiftKey) { $('#Counte

听起来很简单,但我很难做到这一点

简单地说,如果在按住shift键的同时单击id为“Counter”的元素,则由Total包装的int值应该上升。如果单击时按住alt键,则它会下降

$('#Counter').click(function(x) {
    if(x.altKey) {
        $('#Counter').html(parseInt($('#Total').html())-1);
    }
    if (x.shiftKey) {
        $('#Counter').html(parseInt($('#Total').html())+1);
    }
});

///////////

<div id="Counter"><span id="Total">100</span></div>
$(“#计数器”)。单击(函数(x){
如果(x.altKey){
$('#Counter').html(parseInt($('#Total').html())-1);
}
如果(x.shiftKey){
$('#Counter').html(parseInt($('#Total').html())+1);
}
});
///////////
100

我可以看到您的问题,您想将
100
解析为一个数字。你不能这样做。另外,您还将
#counter
的html设置为一个数字,这样您就失去了
#Total

你想要的是:

$('#Counter').click(function(x) {
    if(x.altKey) {
        $('#Counter').html(parseInt($('#Counter').html())-1);
    }
    if (x.shiftKey) {
        $('#Counter').html(parseInt($('#Counter').html())+1);
    }
});

<div id="Counter">100</div>
$(“#计数器”)。单击(函数(x){
如果(x.altKey){
$('#Counter').html(parseInt($('#Counter').html())-1);
}
如果(x.shiftKey){
$('#Counter').html(parseInt($('#Counter').html())+1);
}
});
100

我可以看到您的问题,您想将
100
解析为一个数字。你不能这样做。另外,您还将
#counter
的html设置为一个数字,这样您就失去了
#Total

你想要的是:

$('#Counter').click(function(x) {
    if(x.altKey) {
        $('#Counter').html(parseInt($('#Counter').html())-1);
    }
    if (x.shiftKey) {
        $('#Counter').html(parseInt($('#Counter').html())+1);
    }
});

<div id="Counter">100</div>
$(“#计数器”)。单击(函数(x){
如果(x.altKey){
$('#Counter').html(parseInt($('#Counter').html())-1);
}
如果(x.shiftKey){
$('#Counter').html(parseInt($('#Counter').html())+1);
}
});
100

您正在覆盖span标记,这就是为什么它只在第一次单击时起作用,之后没有id为Total的span标记

尝试:


您正在覆盖span标记,这就是为什么它只在第一次单击时起作用,之后没有id为Total的span标记

尝试:


它可以在JSFIDLE中工作,但不能在我的实际代码中工作,即使它是相同的。不确定我还能提供什么。似乎我有一个函数,它计算了一个盒子的高度值,处于活动状态,正在干扰它?我把这个窗口函数移到这个计数器后面,突然它工作了。它在JSFIDLE中工作,但在我的实际代码中不工作,尽管它是相同的。不确定我还能提供什么。似乎我有一个函数,它计算了一个盒子的高度值,处于活动状态,正在干扰它?我把这个窗口功能移到这个计数器后面,突然它工作了。
$('#Counter').click(function (x) {

        if (x.altKey) {
            $('#Total').html((parseInt($('#Total').html()) - 1));

        }
        if (x.shiftKey) {
            $('#Total').html((parseInt($('#Total').html()) + 1));
        }
    });