如何使用 javaScript 从 JSTL ForEach 标记访问特定元素？

Question

我正在尝试制作一个预订网站。在我的 jsp 页面上，我有一个 jstl forEach 循环遍历我的各种事件数据库中的多张图片。这些图片充当 links，每张图片都附有不同的 link。

我还想连同图像一起发送位置坐标以根据区域对数据库进行排序，因此我使用 Javascript。

如何访问我的 javascript 中的单个图像以重定向到相应的页面？

我已经尝试使用 'alt' 图像，但是 returns 在 javaScript 中的每个图像上使用相同的值（循环中第一张图像的替代值）。但是，如果我在锚标记中使用 href，每个 link 都会返回正确的值。有没有我可以在 javaScript.

中使用 'alt' 的解决方案

jsp:

<core:forEach items="${requestScope.Events}" var="Events">
 <div>
  <a onClick="getLocation()">
   <img alt="${Events.name}" src="/images/${Events.name).jpg">
  </a>
 </div>
</core:forEach>

预期结果是 javascript:getLocation() 具有所选图像的详细信息，以便可以将其与位置坐标一起转发，以根据用户的位置显示附近的事件。

Answer 1

您可以在调用事件处理程序时传递名称：

<core:forEach items="${requestScope.Events}" var="Events">
 <div>
  <a onClick="getLocation('${Events.name}')">
   <img alt="${Events.name}" src="/images/${Events.name).jpg">
  </a>
 </div>
</core:forEach>

然后您的处理程序函数将被修改为接受事件名称作为参数。

FWIW 我会在这里使用 <button> 而不是 <a>。

如何使用 javaScript 从 JSTL ForEach 标记访问特定元素？

How to access a particular element from JSTL ForEach tag using javaScript?

javascript

jsp

jstl

geolocation