jquery - 选择上的 addClass()

Question

我试图在验证错误时在字段元素上制作红色边框。我有这个 CSS 类:

.txsignupRed {
     border: 1px solid #ff5555;
}

将上述类添加到 textfield 工作正常:

$( "#id_of_some_textfield" ).addClass( "txsignupRed" );

但是对 select 做同样的事情不会:

$( "#id_of_some_selectfield" ).addClass( "txsignupRed" );
$( ".some-select-class" ).addClass( "txsignupRed" );

但这出于某种原因:

$(".some-select-class").css('border', "1px solid #ff5555");

我还想通过 id 引用 select，而不是通过类。我怎样才能让它发挥作用？

fiddle :http://jsfiddle.net/q3v83zzz/

Answer 1

您的文本框 HTML 代码不正确。你有 id在 type 中提到.应该是这样的:

<input id="id_of_some_textfield" type="text" />

Readup on <input> on MDN.

此外，对于 CSS，使用 <style>而不是 <script>正如@JqueryKing 所提到的。

请在下面找到更正后的有效代码段:

$( "#id_of_some_textfield" ).addClass( "txsignupRed" );
$( "#id_of_some_select" ).addClass( "txsignupRed" );

.txsignupRed {
    border: 1px solid #ff5555;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="id_of_some_textfield" type="text" />
<select id="id_of_some_select" class="some-select-class">
    <option>asdf</option>
</select>

编辑: Updated fiddle