Wie kann ich alle CSS-Klassen mit jQuery/JavaScript entfernen?

Question

Anstatt einzeln aufzurufen $("#item").removeClass() Gibt es für jede einzelne Klasse, die ein Element haben kann, eine einzige Funktion, die aufgerufen werden kann, um alle CSS-Klassen aus dem angegebenen Element zu entfernen?

Sowohl jQuery als auch reines JavaScript funktionieren.

Answer 1

$("#item").removeClass();

Aufruf von removeClass ohne Parameter werden alle Klassen des Objekts entfernt.

---

Sie können auch (aber es ist nicht unbedingt empfehlenswert. Die richtig Weg ist der obige):

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

Wenn Sie nicht jQuery haben, dann wäre dies so ziemlich Ihre einzige Option:

document.getElementById('item').className = '';

Answer 2

Moment mal, entfernt removeClass() nicht standardmäßig alle Klassen, wenn nichts Bestimmtes angegeben wird? Also

$("#item").removeClass();

wird es von selbst tun...

Answer 3

Stellen Sie einfach die className Attribut des eigentlichen DOM-Elements auf '' (nichts).

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

Andere Leute haben gesagt, dass ein Anruf removeClass funktioniert - ich habe dies mit dem Google jQuery Playground getestet: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... und es funktioniert. Sie können es also auch auf diese Weise machen:

$("#item").removeClass();

Answer 4

Ja, natürlich.

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

Answer 5

Entfernen Sie bestimmte Klassen:

$('.class').removeClass('class');

Wenn das Element class="class another-class" hat.