web-dev-qa-db-de.com

Mehrere Klassen entfernen (jQuery)

Gibt es eine bessere Möglichkeit, dies neu zu schreiben:

$('element').removeClass('class1').removeClass('class2');

Ich kannremoveClass();nicht verwenden, da dies ALLE Klassen entfernen würde, die ich nicht möchte.

jquerycss
548
3zzy
$("element").removeClass("class1 class2");

Von removeClass() , dem Klassenparameter:

Eine oder mehrere CSS-Klassen, die aus .__ entfernt werden sollen. Die Elemente, diese sind durch .__ getrennt. Räume.

1021
cletus

$('element').removeClass('class1 class2');

hier sind die Dokumente.

59
Scott Evernden

http://docs.jquery.com/Attributes/removeClass

Eine oder mehrere CSS-Klassen, die aus den Elementen entfernt werden sollen, werden durch Leerzeichen getrennt.

18
SeanJA

Die Dokumentation sagt:

class (Optional) String
Eine oder mehrere CSS-Klassen, die aus den Elementen entfernt werden sollen, werden durch Leerzeichen getrennt.

Beispiel:

Entfernen Sie die Klasse "blau" und "unter" aus den übereinstimmenden Elementen.

$("p:odd").removeClass("blue under");
16
deceze

Dafür gibt es viele Möglichkeiten!

jQuery

  1. alle Klassen entfernen
    $("element").removeClass();
    ODER
    $("#item").removeAttr('class');
    ODER
    $("#item").attr('class', '');
    ODER
    $('#item')[0].className = '';

  2. Multi-Klasse entfernen
    $("element").removeClass("class1 ... classn");
    ODER
    $("element").removeClass("class1").removeClass("...").removeClass("classn");

Muttersprachliches Javascript

  1. alle Klassen entfernen
// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}
  1. Multi-Klasse entfernen
// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';
10
xgqfrms

Sie müssen die Klassen, die Sie entfernen möchten, durch Leerzeichen trennen$('selector').removeClass('class1 class2');

1
Avishek Mondal

Seit jQuery .3. ist es möglich, Arrays an .addClass(), .removeClass() und toggleClass() zu übergeben, was es einfacher macht, wenn eine bestimmte Logik vorliegt Welche Klassen sollten hinzugefügt oder entfernt werden, da Sie nicht mit den durch Leerzeichen getrennten Zeichenfolgen herumspielen müssen?.

$("div").removeClass(["class1", "class2"]);
0
Mark Fisher

Klassen durch weiße space trennen

$('element').removeClass('class1 class2');
0
codemirror