Mi siguiente pregunta es cómo puedo consultar los elementos SelectorAll que tienen un cierto nombre de clase y un atributo de conjunto de datos asignado a falso. El siguiente ejemplo funciona como yo quiero.
const huecosDisponibles = document.querySelectorAll('.huecoDisponible[data-listaespera="false"]'); console.log(huecosDisponibles); <div class="huecoDisponible" data-listaespera="false">hola</div> <div class="huecoDisponible" data-listaespera="false">hola</div> <div class="huecoDisponible" data-listaespera="false">hola</div> <div class="huecoDisponible" data-listaespera="false">hola</div> <div class="huecoDisponible" data-listaespera="false">hola</div> <div class="huecoDisponible" data-listaespera="false">hola</div> <div class="huecoDisponible" data-listaespera="true">hola</div> <div class="huecoDisponible" data-listaespera="false">hola</div>Sin embargo, estoy tratando de aplicar la misma técnica de selección después de realizar una solicitud de Ajax en una página de afeitar de C# y no sucede. La función que contiene la solicitud ajax establece algunos de los cuadros en verdadero o falso.
En mi caso, tengo que seleccionar los que tienen el atributo de conjunto de datos falso. Supongo que el problema puede estar en el estado document.ready . Intenté mover mi variable después de que se completó la solicitud ajax y aún recibo el mismo error una y otra vez:
Uncaught ReferenceError: huecosDisponibles is not definedSi alguien tiene algún consejo que pueda ayudarme a resolver este problema, estaría muy agradecido.
Gracias por adelantado
document.ready no se activa después de la finalización de AJAX o en cualquier momento cuando los nodos se insertan en DOM.
Asegúrese de haber agregado nuevos nodos a DOM. El código JS de AJAX sería útil.