2

Tengo una gran lista de elementos con la clase rdrDays, y algunos de ellos tienen otra clase llamada disabled.

Yo quiero aplicar un eventListener a los elementos que tienen la clase rdrDays pero NO tienen la clase disabled

Algo como

document.getElemenstByClassName("rdrDays&(:not)disabled");

Es posible filtrar estos elementos con la funcion getElementsByClassName?

1
  • 3
    Intenta con document.querySelectorAll(".rdrDays:not(.disabled)").
    – Sal
    Commented el 8 feb. 2023 a las 18:14

2 respuestas 2

5

Hay múltiples caminos, pero te recomiendo dos. El primero tendrás mas control teniendo una lista con los elementos específicos que necesitas.

var elements = document.getElementsByClassName("rdrDays");
var filteredElements = [];
for (var i = 0; i < elements.length; i++) {
  if (!elements[i].classList.contains("disabled")) {
    filteredElements.push(elements[i]);
  }
}

Por otro lado, podrías utilizar querySelectorAll

var elements = document.querySelectorAll(".rdrDays:not(.disabled)");

Te sugereriría revisar el siguiente enlace https://stackoverflow.com/questions/19574692/javascript-and-queryselector

Y si tienes dudas revisar directamente esta documentación

document.querySelectorAll

1

No, no puede usar el getElementsByClassName con un operador de negación (por ejemplo, :not) para seleccionar elementos que no tienen una clase específica. Puede lograr un resultado similar utilizando el :not(.classname) con un selector de CSS que excluye la clase, como :not(.classname).

Por ejemplo:

document.querySelectorAll(':not(.classname)');

Esto seleccionaría todos los elementos que no tienen la clase "nombre de clase".

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.