3
<div>
<a id="eliminar-1" ..>Eliminar</a>
<a id="eliminar-2" ..>Eliminar</a>
</div>

Si tengo muchos elementos que por id comiencen con eliminar-, ¿cómo puedo diferenciarlos en Javascript? Puesto que con la libreria de JQuery se puede hacer de la siguiente forma:

$(a[id^="eliminar-"]).on('click', () => {})

Tengo esta duda, puesto que dentro de un archivo, genero una lista de grupos de personas y tengo que eliminar un grupo en especifico.

1

1 respuesta 1

2

Para añadir eventos en JS tienes que usar el método addEventListener.

El callback que se pasa al metodo .addEventListener recibe un parámetro que tiene todos los datos sobre el evento que se ha producido, es decir, donde se ha clicado, la referencia de ese elemento y muchas propiedades más.

Este parámetro conocido como event tiene una propiedad que es el target y que contiene la referencia al elemento que ha se ha clicado. Con esto puedes saber que botón se ha clicado accediendo el atributo id del botón.

Puedes seleccionar los botones con querySelectorAll y añadir el listener para el evento click.

Event

const btns = document.querySelectorAll('a[id^="eliminar-"]');
btns.forEach((btn) => {
  btn.addEventListener('click', e => {
    console.log(e.target.id)
  });
});
<div>
<a id="eliminar-1" ..>Eliminar</a>
<a id="eliminar-2" ..>Eliminar</a>
</div>

4
  • Claro, esa seria la forma de hacerlo por Jquery, pero existe la forma de hacerlo con javascript puro ? Commented el 28 abr. 2020 a las 13:13
  • ya pues no entendí que era en javascript puro. Ahora lo cambio
    – hawks
    Commented el 28 abr. 2020 a las 13:25
  • he actualizado la respuesta
    – hawks
    Commented el 28 abr. 2020 a las 13:28
  • Muchas gracias por tu ayuda, de verdad me ha servido mucho ! Commented el 28 abr. 2020 a las 15: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.