jQuery在单击时递增ID和var

jQuery在单击时递增ID和var,jquery,increment,Jquery,Increment,我试着做一个按钮,在点击他的ID和一个变量时递增。 我能够在StackOverflow上找到一些增加输入字段值的代码,但我不知道从那里更改它 以下是标记: <input type="text" name="qty" value="0" /> <p id="inc">Increase</p> <p id="dec">Decrease</p> 增加 减少 和jQuery <script> $(document).ready

我试着做一个按钮,在点击他的ID和一个变量时递增。 我能够在StackOverflow上找到一些增加输入字段值的代码,但我不知道从那里更改它

以下是标记:

<input type="text" name="qty" value="0" />
<p id="inc">Increase</p>
<p id="dec">Decrease</p>

增加

减少

和jQuery

<script>
$(document).ready(function() 
{   
    $(function()
    {
        $("#inc").click(function() 
        { 
            $(":text[name='qty']").val(Number($(":text[name='qty']").val()) + 1);
            $('#inc').addClass (Number + 1); // this one does not work
            var incrementVar = (Number + 1); // this one also does not work
        }); 

        $("#dec").click(function()
        {      
            $(":text[name='qty']").val(Number($(":text[name='qty']").val()) - 1);
        });  
    });
});
</script>

$(文档).ready(函数()
{   
$(函数()
{
$(“#inc”)。单击(函数()
{ 
$(“:text[name='qty']”)val(数字($(“:text[name='qty']”)val())+1);
$('#inc').addClass(Number+1);//这一个不起作用
var incrementVar=(Number+1);//这个也不起作用
}); 
$(“#dec”)。单击(函数()
{      
$(“:text[name='qty']”)val(数字($(“:text[name='qty']”)val())-1);
});  
});
});
这确实增加了输入中的val,但我无法使其增加$('#inc')类和var incrementVar

我该怎么办?
谢谢

类名不能以数字开头。如果你给你的类加前缀,比如说
.c1
.c2
,等等。。。您可以这样做:

$(function() {
  $("#inc").click(function() { 
    var num = $(":text[name='qty']").val(function(i, v) { 
                   return Number(v) + 1;
              }).val();
    $(this).addClass ('c' + num);
    var incrementVar = num;
  }); 

  $("#dec").click(function() {      
    $(":text[name='qty']").val(function(i, v) { return Number(v) - 1; });
  });  
});

还有一点需要注意的是:不需要
$(文档)。ready(function(){
$(function(){
这两个函数是等效的,单独包装在其中一个就可以了。

对于此输入的额外键盘支持(向上/向下箭头添加/减去),我的增量插件可能会派上用场:

var incrementVar = 0;
$(function() {
    $("#inc").click(function() {
        var value = parseInt($(":text[name='qty']").val()) + 1;
        $(":text[name='qty']").val(value);
        $('#inc').addClass('a' + value); // I believe class names cannot start with a number
        incrementVar = incrementVar + value;
    });
});
只需下载并包含脚本,然后用一行代码调用:

$(":text[name='qty']").increment({ increment: 1 });
--肖恩O