Javascript 如何使用jquery设置值的递增和递减限制
我尝试使用jquery来增加和减少数量,它工作正常,但如果once值为1,那么如何避免递减操作。我尝试使用if-else s=条件,但没有解决问题请教我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('#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