javascript - 使用jQuery使用CSS为文本着色

我在将类添加到span元素并为它着色以便执行简单验证时遇到一点问题。

这是我的js：

     function validateKey(){
        var length = $('#appkey').val().length;
        if(length != 8){
            $('#appkey').addClass('error');
            $('#appKeyInfo').addClass('error');
            return false;
        }else{
            $('#appkey').removeClass('error');
            $('#appKeyInfo').removeClass('error');
            return true;
        }
      }

和html：

<label>KEY</label></br>
<input type="text" id="appkey" value=""/></br>
<span id="appKeyInfo">Dein App-Key aus 8 Ziffern</span>

和jsfiddle：example

有任何想法吗？

更新：appKeyInfo的着色失败，appkey的着色有效。当我删除color：red并键入font-weight：bold时，错误时文本将变为粗体。当我删除appKeyInfo的颜色定义时，文本会在出错时显示为红色，这很奇怪，但是我需要为appKeyInfo使用字体颜色

最佳答案

span#appKeyInfo的声明优先，因为它是您要设置样式的ID。
 尝试使用color:red !important强制覆盖

编辑

仅需注意，您可以在jQuery中使用多个选择器。像这样：

$('#appkey', '#appKeyInfo').removeClass('error');