Javascript 如何使用jquery设置值的递增和递减限制

Javascript 如何使用jquery设置值的递增和递减限制,javascript,jquery,Javascript,Jquery,我尝试使用jquery来增加和减少数量,它工作正常,但如果once值为1,那么如何避免递减操作。我尝试使用if-else s=条件,但没有解决问题请教我 jQuery('#inc')。单击(函数(){ jQuery('.output').html(函数(i,val){return val*1+1}); }); jQuery('#dec')。单击(函数(){ jQuery('.output').html(函数(i,val){return val*1-1}); }); - 1成人 + 像这样更改

我尝试使用jquery来增加和减少数量,它工作正常,但如果once值为1,那么如何避免递减操作。我尝试使用if-else s=条件,但没有解决问题请教我

jQuery('#inc')。单击(函数(){
jQuery('.output').html(函数(i,val){return val*1+1});
});
jQuery('#dec')。单击(函数(){
jQuery('.output').html(函数(i,val){return val*1-1});
});

-

1成人

+


像这样更改递增/递减功能。您在span上使用了value属性,但没有递增/递减其值。虽然没有必要,但我觉得它也应该更新

$('#inc').click(function() {
    $('.output').html(function(i, val) { return val*1+1 });
    $('.output').attr("value",$('.output').html().trim())
});
$('#dec').click(function() {
   if ($(".output").text().trim() === "1") return;
    $('.output').html(function(i, val) { return val*1-1 });
    $('.output').attr("value",$('.output').html().trim())
});  

-

1成人

+

$('#inc')。单击(函数(){ $('.output').html(函数(i,val){return val*1+1}); $('.output').attr(“value”,$('.output').html().trim()) }); $('#dec')。单击(函数(){ if($(“.output”).text().trim()=“1”)返回; $('.output').html(函数(i,val){return val*1-1}); $('.output').attr(“value”,$('.output').html().trim()) });
在dec函数中,确保该值大于1。此处的工作代码:


$(文档).ready(函数(){
$('#inc')。单击(函数(){
$('.output').html(函数(i,val){
返回值*1+1
});
});
$('#dec')。单击(函数(){
$('.output').html(函数(i,val){
如果(val>1)
返回值*1-1
});
}); 
});

-

1成人

+


您实际上不需要乘法,只需添加一个if语句即可

$('#dec').click(function() {
    $('.output').html(function(i, val) { 
       if(val > 1)
         return val - 1;
    });
}); 
作为三元:

$('#dec').click(function() {
    $('.output').html(function(i, val) { 
         return (val > 1) ? val - 1 : val; 
    });
});

这就是你想要的:D干杯

jQuery('#inc')。单击(函数(){
jQuery('.output').html(函数(i,val){return val*1+1});
});
jQuery('#dec')。单击(函数(){
jQuery('.output').html(函数(i,val){let{u val;{u val=val*1-1?val*1-1:1;返回{u val});
});

-

1成人

+


减小时,只需检查值是否已经为1(或更低,以防万一)。在这种情况下,只需返回
1
,否则返回减小的值。请注意,乘法
*1
在解决方案中用作将字符串解析为数字的方法

jQuery('#inc')。单击(函数(){
jQuery('.output').html(函数(i,val){return val*1+1});
});
jQuery('#dec')。单击(函数(){

jQuery('.output').html(函数(i,val){return val*1您可以像这样使用三元运算符:

$('#inc').click(function () {
  $('.output').html(function (i, val) {
    return val * 1 + 1;
  });
});
$('#dec').click(function () {
  $('.output').html(function (i, val) {
    return val > 1 ? val * 1 - 1 : val;
  });
}); 

Math.abs({return val*1+1});
工作得很好我现在也得到了逻辑非常感谢Freeman LambdaDear Freeman我如何将1这个值存储在jquery变量
var spanContent=$('.output')。get(0).outerHTML
亲爱的Sudhir Ojha如何在jquery变量中存储1此值亲爱的Akhil您的解决方案也是正确的非常感谢。我如何在jquery变量中存储1此值声明变量,例如var currentValue=0;在每个单击函数上,将val*1+1存储到currentValue并返回currentValue