JQuery：addClass 不适用于具有多个类的元素。为什么？我很困惑！

Question

这非常令人沮丧。这是为表单编写的一些代码的一部分。与验证错误关联的输入元素应显示红色边框。它适用于 .css 方法，但如果有人能告诉我为什么 .addClass 方法不起作用，我将不胜感激。

<style type="text/css">
    .field_error{color:red;}
    .red_border{border:1px solid red;}
</style>

<script>
    $(document).ready(function(){
        $('.field_error').siblings().addClass('red_border');
    });
</script>
...
<label class="description" for="element_1">Email Address </label>
            <div>
            <input id="element_1" name="email" class="element text medium" type="text"/> 
                {% if form.email.errors %}
                    <div class="field_error">{{form.email.errors}}</div>

                {% endif %}
                     </div>

                      ..etc..

如果只为“element_1”分配一个类，它就可以正常工作。

我也可以这样做：

$('.field_error').siblings().css("border", "1px solid red"); 

但是，我计划向我要添加的类添加很多内容。 有没有办法让addClass方法起作用？

谢谢！！

马特

重要编辑

我忘记在我的代码中添加多个类。难怪有些人会感到困惑。请再次检查代码。

<input id="element_1" name="email" class="element text medium" type="text"/> 

已解决

问题是我已经定义了文本输入元素边框的 css 文件。现在修好了。感谢所有与我同在的大脑。

Answer 1

对我有用： http://jsfiddle.net/JAAulde/KPckC/1/ (< em>已更新您的多类更正）

不过，您的代码中确实有一个拼写错误：

<input id="element_1" name="email" class="element type="text"/>

应该是

<input id="element_1" name="email" class="element" type="text"/>

也许您的实时站点中存在该错误？