I stedet for å kalle $("#item").removeClass()
for hver enkelt klasse et element kan ha, finnes det en enkelt funksjon som kan kalles som fjerner alle CSS-klasser fra det gitte elementet?
Både jQuery og rå JavaScript fungerer.
$("#item").removeClass();
Hvis du kaller removeClass
uten parametere, fjernes alle klassene til elementet.
Du kan også bruke (men det anbefales ikke nødvendigvis, den riktige måten er den ovenfor):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Hvis du ikke har jQuery, er dette stort sett det eneste alternativet:
document.getElementById('item').className = '';
Bare sett className
-attributtet til det virkelige DOM-elementet til ''
(ingenting).
$('#item')[0].className = ''; // the real DOM element is at [0]
Edit: Andre har sagt at bare å kalle removeClass
fungerer - jeg testet dette med Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... og det fungerer. Så du kan også gjøre det på denne måten:
$("#item").removeClass();