javascript - 只有第一个按钮适用于 Jquery 的 forEach 标签

Question

所以我遇到了一个小问题...我有一个 forEach 标签，里面有一个按钮。该按钮连接到加载另一个 .JSP 文件的 JS。然而，如果我像这样将 JS 连接到按钮 id $("#imageshow").click ，但如果我使用 $("button")，似乎只有第一个按钮有效。单击它工作正常。尽管能够使其工作，但 .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);
});

Answer 1

id 属性应始终具有唯一值，但目前情况并非如此。尝试使用 class 代替(并作为 .imageshow 进行查询。