jQuery在单击时递增ID和var
我试着做一个按钮,在点击他的ID和一个变量时递增。 我能够在StackOverflow上找到一些增加输入字段值的代码,但我不知道从那里更改它 以下是标记: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
<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