2011-04-27 31 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