javascript - jQueryを使用してクラスを削除する

Question

朝、

要素からクラスを削除するjQueryで使用できるワイルドカードはありますか？

情報メッセージボックスに新しいクラスを適用しています。ユーザーが一度クリックしてからもう一度クリックすると、新しいクラスが追加されますが、既存のクラスは保持されます。

以前のクラスを削除してから、スタイル設定のために新しいクラスを追加する必要があります。何か案は？

 <div id="infoMsg" style="display: block; " class="er-green er-red">All submitted feeds are complete.</div>

元のクラスがer-greenであったことがわかるように、er-redが追加されています。

Answer 1

イップ:

$(this).removeClass('er-green');
$(this).addClass('er-red');

または、最初にそれらをすべて削除します。

クラス名がパラメーターとして含まれている場合、そのクラスのみが一致した要素のセットから削除されます。パラメータにクラス名が指定されていない場合、すべてのクラスが削除されます。

$(this).removeClass();
$(this).addClass('er-red');

Answer 2

removeClass()メソッド

$('#infoMsg').removeClass('er-green');//just removes class

$('div').click(function(){
   $(this).removeClass('er-green');//removes class clicked element
   $(this).addClass('er-red');//adds class clicked element
});

Answer 3

$("#infoMsg").removeClass('er-green').addClass('newclass') 

Answer 4

あなたはjqueryを使うことができますremoveclass

$('#infoMsg').removeClass('er-green');

同様に、css クラスを html に追加することもできます

$('#infoMsg').addClass('er-red');