Jquery 如果小于0,则添加类
如果结果小于Jquery 如果小于0,则添加类,jquery,Jquery,如果结果小于0,如何向div>值添加类 我需要添加两个类:一个是值小于0,另一个是值大于0 我尽了我所能,所以我会感谢你的帮助! 提前谢谢 $(函数(){ var valueElement=$(“#value”); 函数增量值(e){ text(Math.max(parseInt(valueElement.text())+e.data.increment)); 返回false; } $('#plus')。绑定('单击'{ 增量:1 },增量值); $('#减')。绑定('单击'{ 增量:-1
0
,如何向div>值添加类
我需要添加两个类:一个是值小于0,另一个是值大于0
我尽了我所能,所以我会感谢你的帮助!
提前谢谢
$(函数(){
var valueElement=$(“#value”);
函数增量值(e){
text(Math.max(parseInt(valueElement.text())+e.data.increment));
返回false;
}
$('#plus')。绑定('单击'{
增量:1
},增量值);
$('#减')。绑定('单击'{
增量:-1
},增量值);
});代码>
0
在计算时,您可以根据条件使用添加/删除CSS类
var value = Math.max(parseInt(valueElement.text()) + e.data.increment);
valueElement.text(value).toggleClass('negative', value < 0).toggleClass('positive', value > 0);
0
下面的逻辑应该有效
您需要返回更改后的值。
in-bind函数有一个回调函数,您在其中调用已更改的函数和sencond函数,该函数根据新值添加或删除类
$(function(){
var valueElement = $('#value');
function incrementValue(e){
var val = valueElement.text(Math.max(parseInt(valueElement.text()) + e.data.increment));
return val;
};
function triggerChange(v) {
if(v < 0 ) {
$('#value').addClass('<class-name>');
//likewise remove the other class
}
else if (v > 0) {
$('#value').addClass('<class-name>');
//likewise remove other class
}
else {
// remove all classes on zero
}
};
$('#plus').bind('click', {increment: 1}, function(){
var val = incrementValue();
triggerChange(val);
});
$('#minus').bind('click', {increment: -1}, function(){
var val = incrementValue();
triggerChange(val);
});
$(函数(){
var valueElement=$(“#value”);
函数增量值(e){
var val=valueElement.text(Math.max(parseInt(valueElement.text())+e.data.increment));
返回val;
};
函数触发器更改(v){
if(v<0){
$('#value').addClass('');
//同样,删除另一个类
}
如果(v>0),则为else{
$('#value').addClass('');
//同样,删除其他类
}
否则{
//删除零上的所有类
}
};
$('#plus').bind('click',{increment:1},function(){
var val=递增值();
触发变化(val);
});
$('#减').bind('click',{increment:-1},function(){
var val=递增值();
触发变化(val);
});
})) 您只是在寻找addClass()
函数吗?(或者removeClass()
或者toggleClass()
?)好吧,可能是toggleClass会更好。如果值为0,我需要黑色,如果值小于0,则需要红色,如果值大于0,则需要绿色。差不多吧。太好了,谢谢你!唯一的问题是,当我将值增加到1,然后减少到0时,它将保持绿色。有没有办法让“0”始终为黑色?@Alexus,将默认CSS规则设置为黑色,在上面的代码段中,可以改进代码段以在一个页面上使用多个计数器吗?例如,如果我使用类而不是ID。@Alexus,更新的代码段