如何使用jquery？</label>更改<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

您可以使用toggleClass method：

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

Answer 3

你无法直接更改课程，但是你可以删除你不想要的课程，然后添加你想要的课程。

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

Answer 4

尝试这个http://api.jquery.com/removeClass/您可以找到更多详细信息