javascript/jqueryでクラスのインスタンスをすべて削除するにはどうすればいいですか？

Question

私はこのクラスを.m-activeと呼んでいます。これはHTML全体で何度も使用されています。

基本的には、ユーザーがイメージ（m-activeクラスを持たない）をクリックし、そのイメージにm-activeクラスを追加すると、そのクラスのすべてのインスタンスが削除されます。次のようにクリックハンドラを持っているかもしれませんBackgrid行の例えば

：

"click": function() { 
    this.$el.addClass('m-active'); 
} 

をしかし、あなたはまた、それが以前に追加されたために任意の行からそのクラスを削除するように一列のみで時間は、.mアクティブなクラスを持っています

これはjavascript/jqueryでどのように行うことができます知っていますか？ jQueryを使って

Answer 1

：

$('.m-active').removeClass('m-active'); 

説明：

• $('.m-active')を呼び出すには、このセレクタは、選択したすべての要素に適用されます後、あなたがチェーンどのようなクラスm-active
• が含まれているドキュメントからすべての要素を選択し、
• ca jQueryを使って全セレクタ事の把握を取得http://api.jquery.com/removeClass/

  が最初に挑戦されていますが、得れば：removeClass('m-active')とLLは、選択した要素

この具体的な方法のドキュメントについては

のすべてのクラスm-activeを削除し、参照それは非常に異なった光の中ですべてを見ます。良いjQueryチュートリアルを見てみることをお勧めします。私は個人的にCodeacademyのjQueryのトラックをチェックアウトをお勧めします：http://www.codecademy.com/tracks/jquery

Answer 2

Jquery-：

$("class").removeClass("your class"); 

javascript-：あなたはJavaScriptでクラスを削除したいとき何にクラス名を設定し を！

document.getElementById("your id").className = ""; 

または

element.classList.remove("class name"); 

Answer 3

すべての答えは、DOM要素からクラスを削除するためにポイントします。あなたは要素自体を削除するために求めている場合しかし、あなたは、ユーザー.remove() jqueryのメソッド

$('.m-active').remove(); 

JQuery Remove Docs

Answer 4

は、具体的にコードブロックをアドレッシングjsalonenからの質問の品質、および借入を強化するために追加できます。

"click": function() { 
    $('.m-active').removeClass('m-active'); 
    this.$el.addClass('m-active'); 
}