Esiste un modo migliore per riscriverlo:

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

Non posso usare removeClass();in quanto rimuoverebbe TUTTE le classi, cosa che non desidero.

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

Da removeClass(), il parametro class:

Una o più classi CSS da rimuovere dagli elementi, sono separate da spazi.

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

Ecco i documenti .

.removeClass()documentazione di jQuery .

Una o più classi CSS da rimuovere dagli elementi, sono separate da spazi.

La documentazione dice:

class (Optional) String
Una o più classi CSS da rimuovere dagli elementi, sono separate da spazi.

Esempio:

Rimuovi la classe "blu" e "sotto" dagli elementi corrispondenti.

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

Ci sono molti modi per farlo!

jQuery

1. rimuovere tutta la classe
   $("element").removeClass();
   OR
   $("#item").removeAttr('class');
   OR
   $("#item").attr('class', '');
   OR
   $('#item')[0].className = '';

2. rimuovere
   $("element").removeClass("class1 ... classn");
   OR multi classe
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

Vanilla Javascript

1. rimuovi tutta la classe

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

2. rimuovere la multi classe

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';

Separare le classi dal bianco space

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

È necessario separare le classi che si desidera rimuovere dallo spazio bianco$('selector').removeClass('class1 class2');

Poiché jQuery 3.3.0 , è possibile passare le matrici a .addClass(),. removeClass()e toggleClass(), ciò rende più semplice la presenza di qualsiasi logica che determini quali classi debbano essere aggiunte o rimosse, poiché non è necessario pasticciare con le stringhe delimitate da spazi.

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