如何更改使用jquery的<label>的類？

Question

我在JSP頁面下面的HTML代碼：

<label class="txt12Red">Label 1</label> 
    <label class="txt12Red">Label 2</label> 
<label class="txt12Red">Label 3</label> 

我需要class="txt12Red"更改類的所有標籤，以class="txt12"。這將在一些JavaScript事件上完成。

Answer 1

只是一個onclick事件的例子：

$("label").on("click", function() { 
    $("label.txt12Red") 
     .addClass("txt12") 
     .removeClass("txt12Red"); 
}); 

Answer 2

你不能直接改變類，但卻可以刪除你不想再添加你想要的類的類。

function changeClass(oldClassName,newClassName){ 
$("label."+oldClassName).removeClass(oldClassName).addClass(newClassName); 
} 

Answer 3

可以使用toggleClass method：

$("label").click(function() { 
    $("label.txt12Red").toggleClass("txt12Red txt12"); 
});​ 

Answer 4

試試這一個http://api.jquery.com/removeClass/你會發現更多的細節