0

我的 JSP 页面中有以下 HTML 代码:

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

我需要用 to 更改所有标签的class="txt12Red"class="txt12"。这将在一些 JavaScript 事件上完成。

4

4 回答 4

8

只是一个 onclick 事件的示例:

$("label").on("click", function() {
    $("label.txt12Red")
        .addClass("txt12")
        .removeClass("txt12Red");
});
于 2012-08-22T12:28:19.760 回答
4

您可以使用toggleClass method

$("label").click(function() {
   $("label.txt12Red").toggleClass("txt12Red txt12");
});​
于 2012-08-22T12:33:09.213 回答
1

您不能直接更改课程,但是您可以删除您不想要的课程,然后添加您想要的课程。

function changeClass(oldClassName,newClassName){
$("label."+oldClassName).removeClass(oldClassName).addClass(newClassName);
}
于 2012-08-22T12:33:08.320 回答
0

试试这个http://api.jquery.com/removeClass/你可以找到更多细节

于 2012-08-22T12:36:38.513 回答