Javascript jQuery仅在单击div时增加值

我需要增加价值，点击加号或减号图片。当页面上只有一个“item\u quantity”块时，它可以正常工作。但是，如果我想添加另一个“item\u quantity”块，它就不能正常工作

增加价值的JS代码：

$('.item_quantity .plus').click(function() {
  var num = parseInt($('.item_quantity .quan_numb').text());
  $('.item_quantity .quan_numb').text(num + 1);
});

---

您正在使用类别选择器选择数量。 你需要更具体一点，并参考每个单独的数量

您可以通过执行以下操作找到最近的

.quan\u numb

：

var quan\u numb=$（this）.最近（“.item\u quantity”）.查找（“.quan\u numb”）

它查找类为
项目数量
的最接近的父项，然后查找子项
数量

您正在使用类别选择器选择数量。
你需要更具体一点，并参考每个单独的数量

您可以通过执行以下操作找到最近的
.quan\u numb
：

var quan\u numb=$（this）.最近（“.item\u quantity”）.查找（“.quan\u numb”）

它查找类为
项目数量
的最接近的父项，然后查找子项
数量

它工作不正确，因为您使用的是类use Id而不是类

$('#item_quantity1 .plus').click(function() {
var num = parseInt($('#item_quantity1 .quan_numb').text());
$('#item_quantity1 .quan_numb').text(num + 1);
});

如果您想添加更多的use DISTABLE Id，它将不正确，因为您使用的是类use Id而不是类

$('#item_quantity1 .plus').click(function() {
var num = parseInt($('#item_quantity1 .quan_numb').text());
$('#item_quantity1 .quan_numb').text(num + 1);
});

$(this).parent().find('.quan_numb')

如果要添加更多，请使用不同的Id

$(this).parent().find('.quan_numb')


这是因为如果选择器属于多个元素，jQuery将返回一个数组。使用以下代码指定与按钮配对的元素

var num = parseInt($(this).siblings('.quan_numb').text());

这是因为如果选择器属于多个元素，jQuery将返回一个数组。使用以下代码指定与按钮配对的元素

var num = parseInt($(this).siblings('.quan_numb').text());


$（'.item_quantity.plus'）。单击（函数（）{
var num=parseInt（$（this.parent（）.find（'.quan_numb'）.html（））；
$（this.parent（）.find（'.quan_numb'）.html（num+1）；
});
$（'.item_quantity.减号'）。单击（函数（）{
var num=parseInt（$（this.parent（）.find（'.quan_numb'）.html（））；
如果（num>1）{
$（this.parent（）.find（'.quan_numb'）.html（num-1）；
}
});
。减去img，。加上img{
宽度：20px；
光标：指针；
}
quan_麻木先生{
字体大小：24px；
}

1.
1.

$（'.item_quantity.plus'）。单击（函数（）{
var num=parseInt（$（this.parent（）.find（'.quan_numb'）.html（））；
$（this.parent（）.find（'.quan_numb'）.html（num+1）；
});
$（'.item_quantity.减号'）。单击（函数（）{
var num=parseInt（$（this.parent（）.find（'.quan_numb'）.html（））；
如果（num>1）{
$（this.parent（）.find（'.quan_numb'）.html（num-1）；
}
});
。减去img，。加上img{
宽度：20px；
光标：指针；
}
quan_麻木先生{
字体大小：24px；
}

1.
1.
试试这个：


$（'.item_quantity.plus'）。单击（函数（）{
var num=parseInt（$（this）.sides（'.item_quantity.quan_numb'）.text（））；
$（this）.this（'.item_quantity.quan_numb'）.text（num+1）；
});
$（'.item_quantity.减号'）。单击（函数（）{
var num=parseInt（$（this）.sides（'.item_quantity.quan_numb'）.text（））；
如果（num>1）{
$（this）.this（'.item_quantity.quan_numb'）.text（num-1）；
}
});

1.
1.
试试这个：


$（'.item_quantity.plus'）。单击（函数（）{
var num=parseInt（$（this）.sides（'.item_quantity.quan_numb'）.text（））；
$（this）.this（'.item_quantity.quan_numb'）.text（num+1）；
});
$（'.item_quantity.减号'）。单击（函数（）{
var num=parseInt（$（this）.sides（'.item_quantity.quan_numb'）.text（））；
如果（num>1）{
$（this）.this（'.item_quantity.quan_numb'）.text（num-1）；
}
});

1.
1.
您正在使用类选择器选择值。尝试使用更具体的in选择器，即使用id选择器。您正在使用类选择器来选择值。尝试使用更具体的in选择器，即使用id选择器。