Question Comment supprimer toutes les classes CSS en utilisant jQuery?


Au lieu d'appeler individuellement $("#item").removeClass() Pour chaque classe qu'un élément peut avoir, existe-t-il une seule fonction qui peut être appelée, qui supprime toutes les classes CSS de l'élément donné?

Les deux jQuery et JavaScript brut fonctionneront.


681
2017-09-15 03:34


origine


Réponses:


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

Appel removeClass sans paramètres supprimera toutes les classes de l'élément.


Vous pouvez également utiliser (mais n'est pas nécessairement recommandé, le correct manière est celle ci-dessus):

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

Si vous n'aviez pas jQuery, alors ce serait à peu près votre seule option:

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

1324
2017-09-15 03:37



Accrochez-vous, removeClass () ne supprime pas toutes les classes si rien de spécifique n'est spécifié? Alors

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

le fera tout seul ...


106
2017-09-15 03:38



Réglez juste le className attribut de l'élément DOM réel à '' (rien).

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

Modifier: D'autres personnes ont dit que juste appeler removeClass fonctionne - J'ai testé cela avec Google Playground JQuery: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... et il fonctionne. Donc, vous pouvez aussi le faire de cette façon:

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

12
2017-09-15 03:37



Bien sûr.

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

10
2017-09-15 03:36



Heh, est venu chercher une réponse similaire. Ensuite, ça m'a frappé.

Supprimer des classes spécifiques

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

Dites si l'élément a class = "class another-class"


9
2018-06-08 18:57



La méthode la plus courte

$('#item').removeAttr('class').attr('class', '');

7
2018-01-21 15:59



$('#elm').removeAttr('class');

l'attrait de classe ne sera plus présent dans "l'orme".


3
2018-01-08 07:18



J'aime utiliser js natif, croyez-le ou non!

1.

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

2.

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';

jQuery façons

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

  2. $("#item").removeClass("class1 ... classn"); 


2
2018-06-13 03:56