¿Cómo eliminar todas las clases CSS usando jQuery/JavaScript?

En lugar de llamar individualmente a $("#item").removeClass() para cada una de las clases que pueda tener un elemento, ¿existe una única función a la que se pueda llamar para eliminar todas las clases CSS del elemento dado?

Tanto jQuery como JavaScript en bruto funcionarán.

Mori
Pregunta editada 1º abril 2019 в 8:39
Programación
javascript jquery dom
15º septiembre 2009 в 3:34
21 vistas
Solución
$("#item").removeClass();

Llamar a removeClass sin parámetros eliminará todas las clases del elemento.

También puedes usar (pero no es necesariamente recomendable, la forma correcta es la de arriba)

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

Si no tienes jQuery, entonces esta sería prácticamente tu única opción:

document.getElementById('item').className = '';
Esteban Küber
Respuesta editada 15º septiembre 2009 в 11:07
Comentarios (5)

Sólo hay que poner el atributo className del elemento real del DOM a '' (nada).

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

Edición: Otras personas han dicho que sólo llamar a removeClass funciona - He probado esto con el Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... y funciona. Así que también puedes hacerlo de esta manera:

$("#item").removeClass();
Isaac Waller
Respuesta editada 15º septiembre 2009 в 3:42
Comentarios (0)

Por supuesto.

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