1. ホーム
  2. javascript

[解決済み] jQueryでクラスを削除する

2022-03-06 11:16:47

質問

おはようございます。

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

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

以前のクラスを削除し、新しいクラスを追加してスタイリングする必要があります。何かアイデアはありますか?

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

ご覧のように、元のクラスはer-greenでしたが、er-redが追加されています。

どのように解決するのですか?

イップス

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

または、最初にすべて削除してください。

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

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