css / jquery上的颜色不会改变

Question

我有这个jquery代码：

var regexparam="([^a-zA-Z ])";                                                
if(thisValue.match(regexparam))                                    
{                                                                                                                                        
     $(parentId).children('span').addClass('red').html('✕  Firstname cannot contain numbers or symbols.');                                     
}
else if($.trim(thisValue)=="")                                    
{
    $(parentId).children('span').addClass('red').html('✕   Firstname cannot be empty.');                                        
}
else
{
    $(parentId).children('span').addClass('green').html('✔   So you\'re '+ thisValue+'.');                                
}    

当用户输入错误信息时，正在呈现“红色”类... 虽然“绿色”类不适用并恢复为默认颜色。

我检查了萤火虫并且正在渲染类，我可以看到绿色和红色类都被应用于元素。

这是我的css：

.red{color:red;};
.green{color:green;};

Answer 1

您的css存在语法错误，请在每个组后删除;

.red{color:red;}
.green{color:green;}

Answer 2

尽管toggleClass()。

，仍然可以使用addClass()

因为可能发生的事情是先前的值没有被覆盖。

您也可以尝试使用

.red{color:red !important;}
.green{color:green !important ;}

但请谨慎使用此技巧

Answer 3

您可以执行.removeClass('red').removeClass('green').addClass('<requiredOne>')