objetos - metodos en javascript

¿Cómo eliminar todas las instancias de una clase en javascript/jquery?

Question

Tengo esta clase llamada .m-active que se usa varias veces a lo largo de mi HTML.

Básicamente, lo que quiero hacer es eliminar todas las instancias de esa clase cuando un usuario hace clic en una imagen (que no tiene la clase m-activa) y agrega la clase m-activa a esa imagen.

Por ejemplo, en una fila de Backgrid puede tener un controlador de clic de la siguiente manera:

"click": function () {
    this.$el.addClass(''m-active'');
}

Pero también desea eliminar esa clase de las filas a las que se agregó anteriormente, de modo que solo una fila a la vez tenga la clase .m-active

¿Alguien sabe cómo se puede hacer esto en javascript / jquery?

Answer 1

Con jQuery:

$(''.m-active'').removeClass(''m-active'');

Explicación:

• Calling $(''.m-active'') selecciona todos los elementos del documento que contienen la clase m-active
• Cualquiera que sea la cadena después de que este selector se aplique a todos los elementos seleccionados
• El encadenamiento de la llamada con removeClass(''m-active'') elimina la clase m-active de todos los elementos seleccionados

Para obtener documentación sobre este método específico, consulte: http://api.jquery.com/removeClass/

Comprender todo lo relacionado con el selector con jQuery es desafiante al principio, pero una vez que lo logras, ves todo bajo una luz muy diferente. Te animo a que eches un vistazo a algunos buenos tutoriales de jQuery. Personalmente recomiendo revisar la pista de jQuery de Codeacademy: http://www.codecademy.com/tracks/jquery

Answer 2

Dirigiéndose específicamente al bloque de código agregado para fortalecer la calidad de la pregunta, y pedir prestado a jsalonen:

"click": function () {
    $(''.m-active'').removeClass(''m-active'');
    this.$el.addClass(''m-active'');
}

Answer 3

todas las respuestas apuntan a eliminar la clase del elemento DOM. Pero si solicita eliminar el elemento en sí, puede .remove() método jquery .remove()

$(''.m-active'').remove();

JQuery Eliminar Docs

Answer 4

Jquery-:

$("class").removeClass("your class");

javascript-: establece el nombre de la clase a nada cuando quieres eliminar la clase en javascript!

document.getElementById("your id").className = "";

o

element.classList.remove("class name");