javascript - jqueryを使用してクラスを変更するには?

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 イベントで行われます。

score 8 · Accepted Answer

onclick イベントの例:

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

score 4 · Accepted Answer

以下を使用できますtoggleClass method。

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

score 1 · Accepted Answer

クラスを直接変更することはできませんが、不要なクラスを削除してから、必要なクラスを追加できます。

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

score 0 · Accepted Answer

これを試してみてくださいhttp://api.jquery.com/removeClass/詳細を見つけることができます

4 に答える 4