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

En lugar de llamar a $("#item").removeClass() para cada elemento individual que pueda tener un elemento, ¿hay una función a la que se pueda llamar que elimine todas las clases CSS de este elemento?

Tanto jQuery como JavaScript en bruto funcionarán.

643
15 сент. Establecer clic upvote 15 sep. 2009-09-15 06:34 '09 a las 6:34 am 2009-09-15 06:34
@ 12 respuestas
 $("#item").removeClass(); 

Al llamar a removeClass sin parámetros se eliminarán todas las clases miembro.


También puede usar (pero no necesariamente recomendado, la forma correcta está arriba):

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

Si no tuviste jQuery, esta será prácticamente tu única opción:

 document.getElementById('item').className = ''; 
1237
15 сент. la respuesta es dada por jimyi 15 sep . 2009-09-15 06:37 '09 a las 6:37 AM 2009-09-15 06:37

Espera, no elimina la clase predeterminada () para eliminar todas las clases, si no se especifica nada? Entonces

 $("#item").removeClass(); 
border=0

hazlo tu mismo ...

103
15 сент. la respuesta se da da5id 15 sep. 2009-09-15 06:38 '09 a las 6:38 am 2009-09-15 06:38

Simplemente configure el atributo className del elemento DOM real en '' (nada).

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

Edición: otras personas dicen que solo funciona la llamada removeClass . Lo probé utilizando el área de juegos de Google jQuery: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... y funciona. Así que también puedes hacer esto de la siguiente manera:

 $("#item").removeClass(); 
11
15 сент. la respuesta es dada por Isaac Waller 15 sep. 2009-09-15 06:37 '09 a las 6:37 AM 2009-09-15 06:37

Por supuesto

 $('#item')[0].className = ''; // or document.getElementById('item').className = ''; 
10
15 сент. La respuesta se da kangax 15 sep. 2009-09-15 06:36 '09 a las 6:36 am 2009-09-15 06:36

Heh, ven a buscar una respuesta similar. Luego me golpeó.

Borrando clases especificas

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

Diga si un elemento tiene class = "class another-class"

9
08 июня '14 в 21:57 2014-06-08 21:57 Shawn Rebelo dio la respuesta el 8 de junio de 2014 a las 21:57 2014-06-08 21:57

El metodo mas corto

 $('#item').removeAttr('class').attr('class', ''); 
7
21 янв. Respuesta dada por Yanni el 21 de enero. 2013-01-21 18:59 '13 a las 18:59 2013-01-21 18:59
 $('#elm').removeAttr('class'); 

No hay más attr de clase, que estará presente en los "olmos".

3
08 янв. la respuesta se da uihelp 08 jan. 2014-01-08 10:18 '14 a las 10:18 2014-01-08 10:18

Me gusta usar js nativos, lo necesito, lo creas o no!

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 = ''; 

caminos jQuery

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

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

2
13 июня '17 в 6:56 2017-06-13 06:56 la respuesta se da xgqfrms el 13 de junio de 2017 a las 6:56 2017-06-13 06:56

Puedes intentarlo

 $(document).ready(function() { $('body').find('#item').removeClass(); }); 

Si necesita acceder a este elemento sin un nombre de clase, por ejemplo, necesita agregar un nuevo nombre de clase, puede hacer esto:

 $(document).ready(function() { $('body').find('#item').removeClass().addClass('class-name'); }); 

Utilizo esta función en mi proyecto para eliminar y agregar una clase al constructor html. Buena suerte

1
01 июня '16 в 22:30 2016-06-01 22:30 La respuesta es de Alessandro Foolish Ciak DAnton 01 de junio de 2016 a las 10:30 pm 2016-06-01 22:30

prueba removeClass

Por ejemplo :

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="clase1">I am Div with class="clase1"</div> 
1
18 янв. La respuesta se da x-rw 18 de enero. 2017-01-18 18:34 '17 a las 18:34 2017-01-18 18:34

Como no todas las versiones de jQuery son iguales, puedes encontrar el mismo problema que yo, lo que significa que debes llamar a $ ("# item"). removeClass (); En realidad no elimina la clase. (Probablemente un error)

Un método más confiable es simplemente usar JavaScript en bruto y eliminar el atributo de clase por completo.

 document.getElementById("item").removeAttribute("class"); 
0
20 июня '16 в 19:29 2016-06-20 19:29 La respuesta se da Vincent 20 de junio de '16 a las 19:29 2016-06-20 19:29

Tuve un problema similar En mi caso, la clase aspNetDisabled se aplicó a los elementos deshabilitados y todos los controles deshabilitados tenían los colores incorrectos. Entonces, usé jquery para eliminar esta clase en cada elemento / control al que estoy acostumbrado, y todo funciona y se ve muy bien ahora.

Este es mi código para eliminar la clase aspNetDisabled:

 $(document).ready(function () { $("span").removeClass("aspNetDisabled"); $("select").removeClass("aspNetDisabled"); $("input").removeClass("aspNetDisabled"); }); 
-1
14 мая '14 в 17:57 2014-05-14 17:57 La respuesta es Zire 14 de mayo de 2014 a las 17:57 2014-05-14 17:57

Otras preguntas sobre las etiquetas o Haz una pregunta