Javascript 仅从一个特定值更改值
我有一组生成的输入,任务是将项目添加到购物清单,并将值添加到会话存储键:Javascript 仅从一个特定值更改值,javascript,jquery,html,input,Javascript,Jquery,Html,Input,我有一组生成的输入,任务是将项目添加到购物清单,并将值添加到会话存储键: $('.increment')。单击(函数增量(){ $('.quantity input').val(函数(i,oldval){ 返回parseInt(oldval,10)+1; }); }); $('.drecement')。单击(函数增量(){ $('.quantity input').val(函数(i,oldval){ 返回parseInt(oldval,10)-1; }); }); 您需要使用$(this)
$('.increment')。单击(函数增量(){
$('.quantity input').val(函数(i,oldval){
返回parseInt(oldval,10)+1;
});
});
$('.drecement')。单击(函数增量(){
$('.quantity input').val(函数(i,oldval){
返回parseInt(oldval,10)-1;
});
});代码>
您需要使用$(this)
通过使用.closest('.counter container')
访问父div来引用相关输入,然后使用选择所需输入。查找('.quantity input')
类似:
$(this).closest('.counter-container').find('.quantity-input').val(...
$('.increment')。单击(函数增量(){
$(this).closest('.counter container').find('.quantity input').val(函数(i,oldval){
返回parseInt(oldval,10)+1;
});
});
$('.drecement')。单击(函数增量(){
$(this).closest('.counter container').find('.quantity input').val(函数(i,oldval){
返回parseInt(oldval,10)-1;
});
});代码>
▲
▼
▲
▼
▲
▼
您需要使用$(this)
通过使用.closest('.counter container')
访问父div来引用相关输入,然后使用选择所需输入。查找('.quantity input')
如:
$(this).closest('.counter-container').find('.quantity-input').val(...
$('.increment')。单击(函数增量(){
$(this).closest('.counter container').find('.quantity input').val(函数(i,oldval){
返回parseInt(oldval,10)+1;
});
});
$('.drecement')。单击(函数增量(){
$(this).closest('.counter container').find('.quantity input').val(函数(i,oldval){
返回parseInt(oldval,10)-1;
});
});代码>
▲
▼
▲
▼
▲
▼