2011-04-27 30 views
2

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

<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> 

回答

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

参见:http://jsfiddle.net/fqXvT/1/

+0

我不能代替一切,我需要它在ID =“myTable”表中完成谢谢。 – santa 2011-04-27 15:38:22

+0

+1,编辑这个来为类名添加引号。 – 2011-04-27 15:38:25

+0

已更新为只显示在#mytable中,感谢编辑Jimmy – brendan 2011-04-27 15:39:18

3

@布伦丹的作品,但如果你有一个情况下,你不希望这样的removeClass(之间的中间状态)和addClass()(其中,我不知道,甚至发生在DOM),尝试toggleClass()既要关闭类和一个要打开:

toggleClass()

你开始以“A”,然后换到“B”事件(或使用相同的呼叫交换回来的时候反向事件发生时):

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

太棒了!谢谢。 – sscirrus 2013-07-08 01:55:39