Au lieu d'appeler individuellement $("#item" ;).removeClass()
pour chaque classe qu'un élément peut avoir, existe-t-il une fonction unique qui peut être appelée pour supprimer toutes les classes CSS de l'élément donné ?
JQuery et le JavaScript brut fonctionnent tous deux.
$("#item").removeClass();
L'appel à removeClass
sans paramètres supprimera toutes les classes de l'élément.
Vous pouvez également utiliser (mais ce n'est pas nécessairement recommandé, la manière correcte est celle ci-dessus) :
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Si vous n'avez pas jQuery, c'est à peu près votre seule option :
document.getElementById('item').className = '';
Il suffit de mettre l'attribut className
de l'élément DOM réel à ''
(rien).
$('#item')[0].className = ''; // the real DOM element is at [0]
Edit: D'autres personnes ont dit que le simple fait d'appeler removeClass
fonctionne - j'ai testé cela avec le Google JQuery Playground : http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... et cela fonctionne. Donc vous pouvez aussi le faire de cette façon :
$("#item").removeClass();