Come rimuovere tutte le classi CSS usando jQuery/JavaScript?

Invece di chiamare individualmente $("#item").removeClass() per ogni singola classe che un elemento potrebbe avere, c'è una singola funzione che può essere chiamata per rimuovere tutte le classi CSS dall'elemento dato?

Sia jQuery che JavaScript grezzo funzionano.

Mori
Domanda modificata 1º aprile 2019 в 8:39
Programmazione
javascript jquery dom
15º settembre 2009 в 3:34
24 visualizzazioni
Soluzione
$("#item").removeClass();

Chiamando removeClass senza parametri, verranno rimosse tutte le classi dell'elemento.

Puoi anche usare (ma non è necessariamente raccomandato, il modo corretto è quello sopra):

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

Se non hai jQuery, questa sarebbe praticamente l'unica opzione:

document.getElementById('item').className = '';
Esteban Küber
Risposta modificata 15º settembre 2009 в 11:07
Commentari (5)

Basta impostare l'attributo className dell'elemento DOM reale su '' (niente).

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

Modifica: Altre persone hanno detto che semplicemente chiamando removeClass funziona - ho provato questo con il Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... e funziona. Quindi puoi anche farlo in questo modo:

$("#item").removeClass();
Isaac Waller
Risposta modificata 15º settembre 2009 в 3:42
Commentari (0)

Naturalmente.

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