我的 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 事件上完成。
我的 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 事件上完成。
只是一个 onclick 事件的示例:
$("label").on("click", function() {
$("label.txt12Red")
.addClass("txt12")
.removeClass("txt12Red");
});
您可以使用toggleClass method
:
$("label").click(function() {
$("label.txt12Red").toggleClass("txt12Red txt12");
});
您不能直接更改课程,但是您可以删除您不想要的课程,然后添加您想要的课程。
function changeClass(oldClassName,newClassName){
$("label."+oldClassName).removeClass(oldClassName).addClass(newClassName);
}
试试这个http://api.jquery.com/removeClass/你可以找到更多细节