Question

I have following HTML code in my JSP page:

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

I need to change the class of all labels with class="txt12Red" to class="txt12". This will be done on some JavaScript event.

Answer 1

Just an example of an onclick event:

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