刪除所有匹配類中的jQuery

Question

您好我有一個會沿此線的東西的聲明

<li class="module ui-helper-fix"> 

而且我可以動態地加入對類改變模塊的顏色的li元素（這被動態地通過DB的呼叫提供的）的最終結果是

<li class="module ui-helper-fix module-green"> 

或

<li class="module ui-helper-fix module-default"> 

嗯，我很好地通過添加一個新的模塊 - WHATEVER類來改變顏色，但我想要做的是刪除任何匹配模塊-XXXX的類，因此它以一個乾淨的石板開始，然後添加在類模塊 - 深紅色。

那麼如何刪除所有匹配module-xxx的類呢？請記住，我不想刪除基本模塊類。

編輯：

基本上，我需要的任何模塊 - 類做了一網打盡的方法：

執行前

<li class="module ui-helper-fix module-default"> 

清潔後掃

<li class="module ui-helper-fix"> 

然後添加分類和最終結果

<li class="module ui-helper-fix module-green"> 

謝謝。

-Seth

Answer 1

修訂

DEMO：http://jsbin.com/onoxa/7

DEMO 2：http://jsbin.com/onoxa/8

$(function() { 
    $("li").each(function(e) {  
    var classes = this.className.replace(/module-\w+/gi, ''); 
     $(this).attr('class', classes); 
    }); 
});​ 

---

$("li").each(function(e) { 
    var classes = this.className.replace(/module-\w+/gi, ''); 
    $(this).attr('class', classes + ' module-green'); 

}); 

輸出中的：

<li class="module ui-helper-fix"> 

Answer 2

使用此：

var newClass = "module-green"; 
$("li").attr("class","module ui-helper-fix").addClass(newClass); 

Answer 3

function changeModule(selector, module_name) { 
    var that = selector; 
    var classes = $(selector).attr('class').split(' '); 
    $.each(classes, function(index, thisClass){ 
     if (thisClass.indexOf('module-') !== -1) { 
      $(that).removeClass(classes[index]) 
     } 
    }); 
    $(that).addClass(module_name); 
} 

jQuery(document).ready(function(){ 
    $('li').click(function(){ 
     changeModule(this, 'module-green'); 
    }) 
}); 

Answer 4

或許這只是一個古老的職位，但因爲jQuery的1。4，你可以提供一個matching function to .removeClass()

例子：http://jsfiddle.net/drzaus/MJdRy/

$('.module') 
    .removeClass(function(i,c) { 
     return c.match(/module-\w+/gi).join(' '); 
    }) 
    .addClass('module-green'); 

基於answer here

它看起來比accepted answer笨重，但它的 「jQuery的方式」。