Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

154
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!