javascript - 对具有相同 id 的多个元素单击时触发 js 函数

Question

我的 ASP GridView 中有许多链接。每个链接都应该在单击后通过调用其各自的 ID 来触发 Javascript 函数。这是它的代码:

<script type="text/javascript">
  $(function () {
    $('#LkForgot').on('click', function (e) {
      alert("hi");
    });
  });
</script>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ReportId"CssClass="GridViewStyle">
<asp:TemplateField>
  <ItemTemplate>
    <asp:ImageButton CssClass="Link" ID="IMGDetail" ClientIDMode="Static" runat="server" ImageUrl="~/Img/Detail.png" />
  </ItemTemplate>
</asp:TemplateField>

它们都具有相同的 ID，但只有第一个成功触发该函数。我希望每个链接单独触发该功能。

Answer 1

<script type="text/javascript">
$(function () {
    $('.Link').on('click', function (e) {
        alert("hi");
    });
});