jQuery removeClass（）但不是某些類

Question

如何從元素中移除除某些類以外的所有類。我假設我們不能使用removeClass()。假設我有一個<div class="aa bb cc dd ee ff"></div>，我想刪除除aa dd之外的所有類。我怎樣才能做到這一點。

Answer 1

你爲什麼不只是替換想要像這樣

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

Answer 2

您可以刪除所有，並添加需要的人回到：

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

注：調用removeClass()不指定特定的類名中刪除所有的類。

Answer 3

的一種方式，你可以做到這一點是僅僅覆蓋所有教學班，你想對類（ES）的類的類屬性保持。所以，如果您的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/