Comment supprimer toutes les classes CSS à l'aide de jQuery/JavaScript ?

Au lieu d'appeler individuellement $("#item&quot ;).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.

Mori
Question modifiée 1er avril 2019 в 8:39
Programmation
javascript jquery dom
15 septembre 2009 в 3:34
22 vues
Solution
$("#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 = '';
Esteban Küber
Réponse modifiée 15 septembre 2009 в 11:07
Commentaires (5)

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();
Isaac Waller
Réponse modifiée 15 septembre 2009 в 3:42
Commentaires (0)

Bien sûr.

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