jQuery removeClass（）ではなく特定のクラス

Question

特定のクラス以外の要素からすべてのクラスを削除するにはどうしたらいいですか？私はremoveClass()で使うことができないと仮定しています。私に<div class="aa bb cc dd ee ff"></div>があり、aa ddを除くすべてのクラスを削除したいとしましょう。これどうやってするの。

Answer 1

は、なぜあなたはちょうどあなたがそれだけでクラス（ES）あなたがしたいとのすべてのクラスを上書きすることで行うことができますあなたがそう

$('#yourElement').attr('class',"aa dd"); 

Answer 2

あなたはすべてを削除し、戻って必要なものを追加することができます

$('#divID').removeClass() 
    .addClass('aa dd'); // add multiple classes by separating with space 

注：特定のクラス名を指定せずにremoveClass()を呼び出すと、すべてのクラスを削除します。

Answer 3

一つの方法のようにしたいクラスを持つクラス属性に代わるものではありません。キープ。だから、あなたのdivは「myDiv」のIDを持っている場合は、あなたができる：

$('#myDiv').attr('class', 'aa dd'); 

Answer 4

あなたはあなたを保つために何をしたいのクラスを知っている場合は、単に再追加することができます彼ら（他の人がすでに示されているとおり）。

それはそれらのクラスがすでに適用されているかどうか知られていないので、私はさらに一歩それを取るだろうとけれども私はと仮定します：

var keep = ['aa','bb'], // list we'd like to keep 
    reAdd = [],   // ones that should be re-added if found 
    $el = = $(el);  // element we're working on 

// look for which we re-add (based on them already existing) 
for (var c = 0; c < keep.length; c++){ 
    if ($el.hasClass(keep[c])) reAdd.push(keep[c]); 
} 

// drop all, and only add those confirmed as existing 
$el 
    .removeClass()    // remove existing classes 
    .addClass(reAdd.join(' ')); // re-add the confirmed ones 

Answer 5

をそれ少しきれいにするために、あなたは少し拡張を作成することができます。

jQuery.fn.removeClassExcept = function (val) { 
    return this.each(function() { 
     $(this).removeClass().addClass(val); 
    }); 
}; 

次に、あなたが相続人

$("selector").removeClassExcept("aa dd"); 

の例のようにそれを使用することができます。http://jsfiddle.net/9xhND/

UPDATE、更新は今だけ、もともとあったクラスを維持しますブラッドクリスティーズロジックを使用して

新しいクラスを追加することはありません。 http://jsfiddle.net/9xhND/1/

jQuery.fn.removeClassExcept = function (val) { 
    return this.each(function (index, el) { 
     var keep = val.split(" "), // list we'd like to keep 
     reAdd = [],   // ones that should be re-added if found 
     $el = $(el);  // element we're working on 
     // look for which we re-add (based on them already existing) 
     for (var c = 0; c < keep.length; c++){ 
      if ($el.hasClass(keep[c])) reAdd.push(keep[c]); 
     } 

     // drop all, and only add those confirmed as existing 
     $el 
      .removeClass()    // remove existing classes 
      .addClass(reAdd.join(' ')); // re-add the confirmed ones 
    }); 
}; 

Answer 6

.removeClass()ので

$('div').removeClass(function(i, class){ 
    // variable class hold the current value of the class attribute 
    var list = class.split(' '); // we create an array with the classes 
    return list.filter(function(val){ // here we remove the classes we want to keep 
     return (val != 'aa' && val != 'dd'); 
    }).join(' '); // and return that list as a string which indicates the classes to be removed.. 
}); 

Answer 7

jQueryのは、実際にremoveClassメソッドにコールバックパラメータを提供するので、あなた

..パラメータとして実際に削除するにはどのクラス返す関数を受け入れます単純なjavascript正規表現を使用して、削除したくないクラス以外のすべてのクラスを返すことができます：

$('#myDiv').removeClass(function() { 
    return $(this).attr('class').replace(/aa|bb/g, ''); 
}); 

このようにして、クラス 'aa'と 'bb'が存在しない場合は追加しません。

あなたがここにアクションでそれを見ることができます：http://jsfiddle.net/sr86u/3/