Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

155
Vistas
Cómo tener eventos de clic para enlaces iterados

Tengo una aplicación asp.net, en el tablero de la aplicación, los nombres de los sitios web se muestran en la vista desde una base de datos SQL como esta.

 <h1>My Websites</h1> @{ foreach (var website in Model.websites) { <table> <tr> <td> <a id="websiteLink" href="">@website </a> </td> </tr> </table> } }

que funciona bien:

foto de sitios web extraídos de db

Estoy tratando de tener un evento de clic para cada uno de los enlaces del sitio web, para obtener información basada en el sitio web en el que se hizo clic.

 <script> var website_link = document.getElementById("websiteLink"); website_link.addEventListener("click", function () { //test the click event alert("link clicked"); }) </script>

¿Pero el evento de clic solo funciona en el primer enlace? cuando inspecciono la página en tiempo de ejecución con las herramientas de desarrollo de Chrome, se agrega la ID correcta al segundo enlace pero el evento de clic no se activa. Por favor, ayúdame.

Mi objetivo es generar información basada en el enlace en el que se hizo clic, básicamente solo necesito el valor html del enlace en el que se hizo clic para completar mi tarea...

¡Gracias de antemano por cualquier sugerencia!

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Mi solución :

 document.querySelectorAll('.websiteLink').forEach(item => { item.addEventListener('click', event => { alert(item.innerHTML); }); });

Desde aquí, ¿cómo podría acceder a este valor item.innerHTML en mi controlador o modelo?

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda