使用jQuery交换类

时间:2011-04-27 15:35:44

标签: jquery

我可以使用jQuery将输入字段中的某些类(.a)替换为我表中的另一个(.b)吗?

<table id="myTable">
<tr>
    <td>Field 1</td>
    <td><input type="text" class="a"></td>
</tr>
<tr>
    <td>Field 2</td>
    <td><textarea class="a"></td>
</tr>
</table>

2 个答案:

答案 0 :(得分:11)

$("#myTable").find(":input").removeClass('a').addClass('b');

请参阅:http://jsfiddle.net/fqXvT/1/

答案 1 :(得分:3)

@ brendan的作品,但如果你有一种情况,你不想在removeClass()和addClass()之间的中间状态(我甚至不确定在DOM中发生),尝试toggleClass ()包含要关闭的类和要打开的类:

toggleClass()

以“a”开头,然后在事件上交换为“b”(或者在发生反向事件时使用相同的调用进行交换):

$("#myTable").find(":input").toggleClass("a b");