jQuery - regexp selezionando e removeClass()?

Question

Ho ricevuto diversi documenti HTML generati automaticamente con migliaia di righe e ho bisogno di ripulire il codice sorgente. Principalmente è necessario rimuovere nomi di classi come "table-col - ##". Questo è un problema in due fasi:

1. Selezionare eventuali e tutte le classi che hanno tavolo-col - ##, dove ## è un numero intero tra 0-999
2. Rimuovere la classe corrispondente dall'elemento senza rimozione di qualsiasi delle altre classi

Così tutto si riduce a: ho bisogno di un modo, se possibile, di utilizzare espressioni regolari in $() selettori, e poi o per ottenere la classe selezionata in ciascuno() - o applicare il regexp a $ .removeClass(). Qualcuno può indicarmi la giusta direzione?

UPDATE: Esiste qualche tipo di funzionalità $ .removeClass ([selezionata])? Sembra il modo più semplice per risolvere la seconda parte.

Answer 1

Se solo i numeri sono accettabili, ma ci possono essere altri personaggi troppo, vorrei iniziare con qualcosa di come questo (non testato, ma modificato con l'aiuto dei commenti):

$("[class^='table-col-']").removeClass(function() { /* Matches even table-col-row */ 
    var toReturn = '', 
     classes = this.className.split(' '); 
    for(var i = 0; i < classes.length; i++) { 
     if(/table-col-\d{1,3}/.test(classes[i])) { /* Filters */ 
      toReturn += classes[i] +' '; 
     } 
    } 
    return toReturn ; /* Returns all classes to be removed */ 
}); 

Answer 2

provare

var className = 'table-col-'; 
$('[class^='+className+']').removeClass(function(index, class) { 
    return class.indexOf(className) == 0; 
}); 

vedere http://api.jquery.com/removeClass/ e http://api.jquery.com/attribute-starts-with-selector/

modificati:

var className = 'table-col-'; 
$('[class^='+className+']').removeClass(function(index, c) { 
    var elem = $(this); 
    $(c.split(' ')).each(function() { 
     var c = this.trim(); 
     if(this.indexOf(className)==0) { 
      elem.removeClass(c); 
     } 
    }); 
}); 

Answer 3

Prova questo fuori:

http://jsfiddle.net/adiioo7/AmK4a/1/

JS: - HTML

$(function() { 
    $("div").filter(function() { 
     return this.className.match(/table-col-\d{0,3}/); 
    }).each(function(){ 
     var classToRemove=this.className.match(/table-col-\d{0,2}/)[0]; 
     $(this).removeClass(classToRemove); 
    }); 
}); 

campione: -

<div class="table-col-0 temp">Test0</div> 
<div class="table-col-99">Test99</div> 
<div class="table-col-999">Test999</div> 

Output HTML: -

<div class="temp">Test0</div> 
<div class="">Test99</div> 
<div class="table-col-999">Test999</div> 

Answer 4

Prova questo:

$.fn.removeClassRegExp = function (regexp) { 
    if(regexp && (typeof regexp==='string' || typeof regexp==='object')) { 
     regexp = typeof regexp === 'string' ? regexp = new RegExp(regexp) : regexp; 
     $(this).each(function() { 
      $(this).removeClass(function(i,c) { 
       var classes = []; 
       $.each(c.split(' '), function(i,c) { 
        if(regexp.test(c)) { classes.push(c); } 
       }); 
       return classes.join(' '); 
      }); 
     }); 
    } 
    return this; 
}; 

dal vivo: http://jsfiddle.net/Z3D6P/

Answer 5

Questa domanda è ormai vecchio, ma se qualcun altro si imbatte in essa ...

ho creato un semplice plugin jquery.classMatch che fornisce

$(selector).hasClassMatch(regexp) 
$(selector).removeClassMatch(regexp) 

Answer 6

È possibile eseguire questa operazione senza la necessità di dividere i nomi di classe in una matrice. Lascia che l'espressione regolare faccia tutto il lavoro.

Per ogni elemento trovato, rimuovere tutte le classi che corrispondono all'espressione regolare.

$("[class^='table-col-']").removeClass(function() { 
 
    return (this.className.match(/\b(table-col-\d{1,3})\b/g) || []).join(' '); 
 
})