remove - Eliminando múltiples clases(jQuery)

remove class jquery

Question

¿Hay alguna manera mejor de volver a escribir esto:

$(''element'').removeClass(''class1'').removeClass(''class2'');

No se puede usar removeClass(); ya que eliminaría TODAS las clases, que no quiero.

Gracias

Answer 1

¡Hay muchas maneras de hacerlo!

jQuery

1. eliminar toda clase
   $("element").removeClass();
   O
   $("#item").removeAttr(''class'');
   O
   $("#item").attr(''class'', '''');
   O
   $(''#item'')[0].className = '''';

2. eliminar multi clase
   $("element").removeClass("class1 ... classn");
   O
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

Javascript nativo

1. eliminar toda clase

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

2. eliminar multi clase

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

Answer 2

La documentation dice:

class (Optional) String
Una o más clases de CSS para eliminar de los elementos, estas están separadas por espacios.

Ejemplo:

Elimine la clase ''azul'' y ''debajo'' de los elementos emparejados.

$("p:odd").removeClass("blue under");

Answer 3

removeClass()

Una o más clases de CSS para eliminar de los elementos, estas están separadas por espacios.

Answer 4

$(''element'').removeClass(''class1 class2'');

removeClass() están los documentos.

Answer 5

$("element").removeClass("class1 class2");

Desde removeClass() , el parámetro de clase:

Una o más clases de CSS para eliminar de los elementos, estas están separadas por espacios.