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?
    – user128299
    Commented el 19 dic. 2020 a las 23:00
  • Editado! @BetaM Commented 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... Commented el 20 dic. 2020 a las 10:33
  • Entonces quieres que el botón se agregué dinámicamente junto con el evento? Commented 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. Commented el 20 dic. 2020 a las 13:49

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.