*

jQuery removeClass 特定のクラスを全て削除

公開日: : jQuery, 開発

特定のクラスを全て削除

フォームを作成した時に、入力項目に不備があった場合は目立つ様にinput属性にクラスを追加し
入力項目の枠色を変更し、再度検証する際は一旦クラスを削除。

なんか良い方法があるかなと調べたけどなかったので書きます…(;´∀`)

特定の要素以下とかではなく全て取り除く方法です。

動作環境、jQueryバージョン

jquery1.9.*系

・jquery

var errorNode = $(".error");
errorNode.each(function(){
	$(this).removeClass("error");
});

やってる事は至極単純で、変数「errorNode」に指定のクラスの要素を全て入れる。
「each」を使用して変数に入れた、要素から指定のクラスを削除。

・jQuery.each(object, callback) – jQuery 日本語リファレンス
http://semooh.jp/jquery/api/utilities/jQuery.each/object,+callback/

・removeClass(class) – jQuery 日本語リファレンス
http://semooh.jp/jquery/api/attributes/removeClass/class/

こんな記事書かなくてもちょっと前は、こんな記事がゴロゴロしてた様な気がしたのに…勘違いかな???

関連記事

droid

Androidで課金アプリ作製 エラー編(-1008:Unknown error)

Androidで課金アプリ作製 エラー編 In-app Billing v3を使用したアプリ開発で

記事を読む

jquery-logo_png

jQuery draggable,resizable 要素のサイズがずれる

uiプロパティ以外で要素のサイズ取得を試みる draggableとresizableを使用し要素の

記事を読む

PHP-icon

PHP substr エスケープ処理で文字化け

PHP substr 文字化け mb_substrで文字コードを合わせて切り取ればOKって記事は沢

記事を読む

PHP 5.4.17

Macで ローカルサーバー構築 PHP設定編

Macで ローカルサーバー環境を構築するまで PHP設定編 ネットでの情報は必要最低限しか載ってな

記事を読む

jquery-logo_png

jQuery 水平スクロール&cssでカスタム可能なスクロールバーなプラグイン

水平スクロール&cssでカスタム可能なスクロールバーなプラグイン jQueryを使ったプラグインは

記事を読む

jquery-logo_png

jQuery 要素の相対位置

jQueryを使って要素の相対位置を調べる Google先生に「jquery offsetLeft

記事を読む

apache -h

Macで ローカルサーバー構築 Apache設定編

Macで ローカルサーバー環境を構築するまで Apache設定編 ネットでの情報は必要最低限しか載

記事を読む

apache -h

Macで ローカルサーバー構築 Apache起動編

Macで ローカルサーバー環境を構築するまで Apache起動編 ネットでの情報は必要最低限しか載

記事を読む

PHP-icon

PHP MySQL 重複行を抽出 ロジックで高速化

PHP MySQL 重複行を抽出 ロジックで高速化 ロジックで高速化は釣りになっているかもしれませ

記事を読む

jquery-logo_png

jQuery Googleカレンダー風スケジュール表 タイムテーブル

jQueryでスケジュール表もしくはタイムテーブルっぽいもの 仕事でスケジュール管理のシステム開発

記事を読む

jquery-logo_png
jQuery 水平スクロール&cssでカスタム可能なスクロールバーなプラグイン

水平スクロール&cssでカスタム可能なスクロールバーなプラグイン j

c
C言語 バッファオーバーランまで 関数の引数ポインタ

関数引数としてのポインタ 今回は関数引数としてのポインタに関して。

c2
C言語 バッファオーバーランまで ポインタ考察編

趣旨 ただC言語を勉強してもモチベーションがあがり辛いので、 取り

droid
Google Cloud Messaging プロジェクトナンバー API Key取得編 2014/07最新版

Google Cloud Messaging プロジェクトナンバー A

jquery-logo_png
jQuery removeClass 特定のクラスを全て削除

特定のクラスを全て削除 フォームを作成した時に、入力項目に不備があっ

→もっと見る

PAGE TOP ↑