jQuery: cómo agregar clase a todos los divs en la página excepto el actual

Question

¿Hay alguna forma de agregar eliminar la misma clase de todos los divs en una página, excepto en la que estoy actualmente (hacer clic)?

Antecedentes: todos los Divs en mi página tienen la clase "Editable" que en clic hace que el Div Editable correspondiente y muestre un editor en línea para ello. Mientras alguien está editando un div, quiero bloquear todos los demás divs para editar en esta página para evitar que se abran múltiples editores al mismo tiempo.

Puede alguien ayudarme con esto ? Gracias Tim.

Answer 1

Probar

a .addclass ()

$('div').not(this).addClass('editable');

---

a .removeclass ()

$('div.editable').not(this).removeClass('editable');

---

Referencias

.no()

esta palabra clave

Answer 2

$(".targetClass").click(function() {
      $(".targetClass").not(this).removeClass('classToRemove');
});

//So something like this

$(".editable").click(function() {
      $(".editable").not(this).removeClass('editable');
});