Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果小于0,则添加类_Jquery - Fatal编程技术网

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,更新的代码段