1

Quisiera hacer lo siguiente en Javascript nativo

$(".divPadre div").on("click", "button.claseDos", function(){
    var id_button = $(this).attr("id_button");
    // petición ajax
})

Cabe destacar que el button se agrega de manera dinamica después de un evento javascript.

Con dos QuerySelector no lo conseguí...

Edit:

<div class="divPadre">
</div>

Después el <button type="submit" class="btn btn-success claseDos">OK</button> se agrega con un evento click.

2
  • ¿Podrías dar un poco mas de contexto así como añadir tu HTML?
    – BetaM
    el 19 dic. 2020 a las 23:00
  • Editado! @BetaM el 19 dic. 2020 a las 23:06

1 respuesta 1

0

Si quieres acceder al botón dentro del div, puedes utilizar querySelector de la siguiente manera:

const button = document.querySelector("div.divPadre button.claseDos");

Posteriormente, añades el evento click al botón con addEventListener para que finalmente obtengas el atributo id_button con getAttribute:

button.addEventListener("click", function() {
    const buttonId = this.getAttribute('id_button');
    alert(buttonId);
});

Aquí te dejo el JSFiddle por si quieres intentarlo.

3
  • Ok, funciona porque el button está cargado directamente en el html, en mi caso se carga después de un event onclick con javascript... el 20 dic. 2020 a las 10:33
  • Entonces quieres que el botón se agregué dinámicamente junto con el evento? el 20 dic. 2020 a las 12:39
  • Tu pregunta radica en los selectores y su equivalente. En tu código no muestras nada sobre la manera en la que creas un botón para mostrarte el equivalente. el 20 dic. 2020 a las 13:49

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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