只有第一个按钮在带有 Jquery 的 forEach 标签中有效

Only first button works in forEach tag with Jquery

本文关键字：forEach 标签 有效 第一个 按钮 Jquery      更新时间：2023-09-26

所以我遇到了一个小问题...我有一个forEach标签，里面有一个按钮。该按钮连接到加载另一个 .JSP 文件。但是，如果我像这样将JS连接到按钮ID $("#imageshow").click，似乎只有第一个按钮有效，但是如果我使用$("button").click它就可以正常工作。尽管能够使其工作，但我在.JSP 文件以这种方式使用它。因此，我希望您在这件事上提供帮助:)

这。JSP 文件：

   <c:forEach var="building" items="${buildings}" >
        <button id="imageshow" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal" value="${building.getBuildingID()}">View</button>
   </c:forEach>

这是 JS

$("#imageshow").click(function() {
    var id = $(this).attr("value");
    $("#imgas").load("SlideShow.jsp?id=" + id);
});

id 属性应始终具有唯一值，但目前情况并非如此。尝试改用class（并按.imageshow查询。

相关文章：