29

HTML 全体で複数回使用される .m-active というクラスがあります。

基本的に私がやりたいことは、ユーザーが画像 (m-active クラスを持たない) をクリックしたときにそのクラスのすべてのインスタンスを削除し、その画像に m-active クラスを追加することです。

たとえば、Backgrid の行では、次のようなクリック ハンドラーを使用できます。

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

ただし、以前に追加されたすべての行からそのクラスを削除して、一度に 1 つの行だけが .m-active クラスを持つようにする必要もあります。

javascript/jqueryでこれを行う方法を知っている人はいますか?

4

5 に答える 5

59

jQuery の場合:

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

説明：

  • 呼び出し$('.m-active')により、クラスを含むドキュメントからすべての要素が選択されますm-active
  • このセレクターの後にチェーンするものはすべて、選択したすべての要素に適用されます
  • 呼び出しをチェーンすると、選択したすべての要素からremoveClass('m-active')クラスが削除されますm-active

この特定のメソッドに関するドキュメントについては、http: //api.jquery.com/removeClass/を参照してください。

jQuery を使用してセレクター全体を把握するのは最初は困難ですが、一度理解すると、すべてが非常に異なる観点から見えてきます。いくつかの優れた jQuery チュートリアルを参照することをお勧めします。個人的には、Codeacademy の jQuery トラックをチェックすることをお勧めします: http://www.codecademy.com/tracks/jquery

于 2013-07-15T19:47:02.483 に答える
8

すべての回答は、DOM 要素からクラスを削除することを示しています。ただし、要素自体を削除するように求めている場合は、.remove()jquery メソッドを使用できます

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

JQuery 削除ドキュメント

于 2013-07-15T19:54:38.247 に答える
0

Jquery-:

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

javascript-: javascript でクラスを削除したい場合は、クラス名を何も設定しません!!!

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

また

element.classList.remove("class name");
于 2013-07-15T19:50:50.777 に答える