0

Buenas noches estoy cargando contenido a través de una respuesta de AJAX:

$('#info_casa').html('<tr>\
   <td class="font14"><strong>Adultos </strong></td>\
   <td class="td_flex">\
     <div class="number-input posicion_cantidad_carrito">\
     <button class="cantidadAdultos" onclick="this.parentNode.querySelector("input[type=number]").stepDown()" ></button>\
     <input class="qtHuespedes backCantidad" min="0" name="qtHuespedes" value="0" type="number">\
     <button class="cantidadAdultos masAdultos plus" onclick="this.parentNode.querySelector("input[type=number]").stepUp()"></button>\
    </div>\
   </td>\
   </tr>');

Pero creo que esta parte no funciona onclick="this.parentNode.querySelector("input[type=number]").stepDown()" creo que es por tema de comillas pero no logro hacer que funcione.

3
  • 2
    ensaya poniendo un backslash \ antes de cada comilla doble del parametro que le pasas a querySelector
    – Pipe
    el 22 jul. 2022 a las 22:06
  • 1
    Aparte de la sugerencia de @Pipe, también puedes probar con comillas simples: onclick="this.parentNode.querySelector('input[type=number]').stepDown()"
    – Triby
    el 22 jul. 2022 a las 22:41
  • Buenos días, al final a funcionado de con las dos cosas, poniendo las comillas simples y añadiendo el backslash antes de casa comilla. Gracias a los dos
    – Miguel
    el 23 jul. 2022 a las 11:39

1 respuesta 1

0

podrías cambiar las comillas dobles del selector por las simples: this.parentNode.querySelector('input[type=number]')

Aunque lo más conveniente sería asignar el evento con jQuery una vez que creas el contenido de info_casa con otro selector.

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.