jQuery - regexp-Auswahl und removeClass()?

Ich habe schon mehrere auto-generierten HTML-docs, die Tausende von Zeilen lang, und ich brauche, um aufzuräumen die Quelle. Meist entfernen müssen und Klassennamen wie "table-col-##". Dies ist ein zwei-Schritt-problem:

Wählen Sie eine beliebige und alle Klassen, die table-col -## ein, wobei ## eine Zahl zwischen 0-999
Entfernen Sie die passende Klasse aus dem element zu entfernen, ohne eine der anderen Klassen

So, auf die es hinausläuft: ich brauche einen Weg, wenn möglich, zu verwenden regexps in der $ () - Selektoren, und dann entweder die zum erreichen der ausgewählten Klasse in jeder() - oder gelten die regexp zu $.removeClass(). Kann jemand mich in die richtige Richtung?

UPDATE: gibt es irgendeine Art von $.removeClass([Auswahl]) - Funktionalität? Das scheint die einfachste Möglichkeit zur Lösung des zweiten Teils.

Würde "[class^='table-col-']" akzeptabel sein, oder ist das zu allgemein?
Leider zu allgemein - es gibt Klassen wie table-col-neue und table-col-Fett, die bewahrt werden müssen.
nachdem Sie die gefundenen Elemente mit dem Selektor @Jakub Michálek vorgeschlagen, die Sie tun können .each(function(el) { el.className = el.className.replace(/table-col-\d{1,3}/, ""); })

InformationsquelleAutor CodeMoose | 2013-03-25

jquery regex

19

Wenn nur die zahlen sind akzeptabel, aber es kann auch andere Zeichen auch, ich würde anfangen mit etwas wie folgt aus (nicht getestet, aber bearbeitet mit Hilfe von Kommentaren):
```
$("[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 */
});
```
- Dies ist die erste Antwort, die ich gesehen habe arbeiten. jsfiddle.net/W5ATD/4
- Ich denke, das wird den trick tun. Danke!
- Die callback-code kann vereinfacht werden zu return this.className.split(' ').filter(function(className) {return className.match(/table-col-\d{1,3}/)}).join(' ');. Siehe Aktualisiert JSFiddle.
InformationsquelleAutor Jakub Michálek
4

Können Sie dies tun, ohne die Notwendigkeit zur Spaltung der Klasse, die Namen in ein array. Lassen Sie den regulären Ausdruck, der alle Arbeit machen.

Für jedes element gefunden, entfernen Sie alle Klassen, die mit dem regulären Ausdruck übereinstimmen.

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

, Dies auszuprobieren:

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

JS:-

$(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);
    });
});

Beispiel-HTML:-

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

Ausgabe von HTML:-

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

InformationsquelleAutor Aditya Singh

Versuchen Sie dies:

$.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;
};

Live: http://jsfiddle.net/Z3D6P/

diese Logik sticht aus der Menge ist, denn er fordert removeClass nur eine Zeit, sondern als Berufung in each tiefen Brunnen.

InformationsquelleAutor neiker

versuchen

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

sehen http://api.jquery.com/removeClass/ und http://api.jquery.com/attribute-starts-with-selector/

bearbeitet:

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);
        }
    });
});

Viel besser als mein Abfall-impl. +1
Schön. Aber vielleicht ist es besser, zu vermeiden, reservierte Wörter wie "Klasse"
Ich bin nicht zu sehen, wie das funktioniert. jsfiddle.net/W5ATD/1
das wird nicht funktionieren

InformationsquelleAutor Alex Pacurar

0

Diese Frage ist jetzt alt, aber wenn jemand anderes kommt über Sie...

Habe ich eine einfache plugin jquery.classMatch bietet
```
$(selector).hasClassMatch(regexp)
$(selector).removeClassMatch(regexp)
```
InformationsquelleAutor ronen

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.