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

Question

我正在尝试建立一个预订网站。 在我的jsp页面上，我有一个jstl forEach，它循环遍历数据库中有关各种事件的多张图片。 这些图像充当链接，每个图像都附加有不同的链接。

我还希望将位置坐标与图像一起发送，以根据区域对数据库进行排序，因此我正在使用Javascript。

如何在JavaScript中访问单个图像以重定向到相应页面？

我尝试使用图像的“ alt”，但是在javaScript中的每个图像上都返回相同的值（循环中的第一个图像alt）。 但是，如果我在锚标记中使用href，则会为每个链接返回正确的值。 有没有可以在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> 。