Hoe verwijder je alle CSS-klassen met behulp van jQuery / JavaScript?

In plaats van het individueel aanroepen van $("#item").removeClass() voor elke klasse die een element zou kunnen hebben, is er een enkele functie die kan worden aangeroepen die alle CSS klassen van het gegeven element verwijdert?

Zowel jQuery als raw JavaScript zullen werken.

Mori
Bewerkte vraag 1ste0 april 2019 в 8:39
Programmering
javascript jquery dom
15de1 september 2009 в 3:34
20 views
Oplossing
$("#item").removeClass();

Het oproepen van removeClass zonder parameters verwijdert alle klassen van het item's.

Je kunt ook (maar dat is niet noodzakelijkerwijs aan te raden, de correcte manier is die hierboven):

$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';

Als je geen jQuery hebt, dan is dit zo'n beetje je enige optie:

document.getElementById('item').className = '';
Esteban Küber
Bewerkt antwoord 15de1 september 2009 в 11:07
Commentaren (5)

Stel gewoon het className attribuut van het echte DOM element in op '' (niets).

$('#item')[0].className = ''; // the real DOM element is at [0]

Edit: Andere mensen hebben gezegd dat gewoon removeClass aanroepen werkt - ik heb dit getest met de Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... en het werkt. Je kunt het dus ook op deze manier doen:

$("#item").removeClass();
Isaac Waller
Bewerkt antwoord 15de1 september 2009 в 3:42
Commentaren (0)

Natuurlijk.

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';
Commentaren (0)