Jquery 增减百分比

Jquery 增减百分比,jquery,Jquery,我在一个简单的计数器上工作,它的增减取决于它选择的操作。我的问题是,当我尝试将0.1%这样的百分比转换为默认值时,它会增加或减少0.1% 柜台坏了 谢谢,希望你能理解我 var$input=$(“.counter percentage input”); $input.val(1); $(“.counter percentage.operation”)。单击(函数(){ if($(this).hasClass('add')) $input.val(parseInt($input.val())+

我在一个简单的计数器上工作,它的增减取决于它选择的操作。我的问题是,当我尝试将0.1%这样的百分比转换为默认值时,它会增加或减少0.1%

柜台坏了

谢谢,希望你能理解我

var$input=$(“.counter percentage input”);
$input.val(1);
$(“.counter percentage.operation”)。单击(函数(){
if($(this).hasClass('add'))
$input.val(parseInt($input.val())+1);
如果($input.val()>=2),则为else
$input.val(parseInt($input.val())-1);
});
ulli{
浮动:左;
列表样式类型:无;
边框顶部:1px实心rgba(247204131,0.3);
右边框:1px实心rgba(247204131,0.3);
边框底部:1px实心rgba(247204131,0.3);
高度:20px;
文本对齐:居中;
}
李:第一个孩子{
边框:1px实心rgba(247204131,0.3);
宽度:20px;
}
第n个孩子(2){
宽度:75px;
}
最后一个孩子{
宽度:20px;
}
ulli输入{
宽度:100%;
边界:无;
大纲:无;
文本对齐:居中;
}
ulli.操作{
光标:指针;
}

  • -
  • +

您只需将
0.x%
转换为
0.x
,然后比较该值以及相应的增量和减量。我不是使用
parseInt()
而是使用
+
一元运算符将字符串转换为数字,因为parseInt将使0.1变为0

var$input=$(“.counter percentage input”);
$input.val(“0.1%”);
$(“.counter percentage.operation”)。单击(函数(){
var val=+$input.val().replace(“%”,“”);
控制台日志(val);
if($(this).hasClass('add'))
$input.val(数学四舍五入((val+0.1)*10)/10+“%”);
否则如果(val>=0.2)
$input.val(数学四舍五入((val-0.1)*10)/10+“%”);
});
ulli{
浮动:左;
列表样式类型:无;
边框顶部:1px实心rgba(247204131,0.3);
右边框:1px实心rgba(247204131,0.3);
边框底部:1px实心rgba(247204131,0.3);
高度:20px;
文本对齐:居中;
}
李:第一个孩子{
边框:1px实心rgba(247204131,0.3);
宽度:20px;
}
第n个孩子(2){
宽度:75px;
}
最后一个孩子{
宽度:20px;
}
ulli输入{
宽度:100%;
边界:无;
大纲:无;
文本对齐:居中;
}
ulli.操作{
光标:指针;
}

  • -
  • +

您只需将
0.x%
转换为
0.x
,然后比较该值以及相应的增量和减量。我不是使用
parseInt()
而是使用
+
一元运算符将字符串转换为数字,因为parseInt将使0.1变为0

var$input=$(“.counter percentage input”);
$input.val(“0.1%”);
$(“.counter percentage.operation”)。单击(函数(){
var val=+$input.val().replace(“%”,“”);
控制台日志(val);
if($(this).hasClass('add'))
$input.val(数学四舍五入((val+0.1)*10)/10+“%”);
否则如果(val>=0.2)
$input.val(数学四舍五入((val-0.1)*10)/10+“%”);
});
ulli{
浮动:左;
列表样式类型:无;
边框顶部:1px实心rgba(247204131,0.3);
右边框:1px实心rgba(247204131,0.3);
边框底部:1px实心rgba(247204131,0.3);
高度:20px;
文本对齐:居中;
}
李:第一个孩子{
边框:1px实心rgba(247204131,0.3);
宽度:20px;
}
第n个孩子(2){
宽度:75px;
}
最后一个孩子{
宽度:20px;
}
ulli输入{
宽度:100%;
边界:无;
大纲:无;
文本对齐:居中;
}
ulli.操作{
光标:指针;
}

  • -
  • +

使用此关键字,而不是直接从dom输入

$(this).closest(“.closest anster”)


通过这种方式,impect将仅在当前值上使用

使用此关键字,而不是直接从dom输入

$(this).closest(“.closest anster”)


这样,impect将仅在当前值上

预期结果是什么?您正在使用
parseInt()
,因此您的
0.1
将转换为
0
!预期的结果是什么?您正在使用
parseInt()
,因此您的
0.1
将转换为
0
!先生,我能再要一个吗?@MarkGerrylMirandilla yea说吧。如果这个问题与上下文无关,那么我希望您打开另一个问题。我试图创建多个计数器,但它们同时递增。@MarkGerrylMirandilla我建议您打开一个新线程。先生,我可以再请求一个吗?@MarkGerrylMirandilla yea继续。如果这个问题与上下文无关,那么我希望您打开另一个问题。我试图创建多个计数器,但它们同时递增。@MarkGerrylMirandilla我建议您打开一个新线程。