javascript - 获取嵌入在jquery表中的标签

Question

我绑定(bind)到页面内的 A 标记，如下所示:

 $('a').click(function(event) {
      alert('hi');
 });

问题是页面中的每个 A 标记都会发送警报。我只希望下表中的 A 标签发送警报。如何限制 jquery 仅发送此表中生成的 a 标签的警报？

 <table class="add-alert">
  <tbody>
  {% for object in objects %}
    <tr>
      <td>
        <a id="{{ object.id }}" href="">Click Me</a>
      </td>
     </tr>
   {% endfor %}
  </tbody>
</table>

Answer 1

你委托(delegate)它。通过委托(delegate)，我的意思是将其绑定(bind)到静态父级，该父级将管理从那里到 a 的点击。

$(".add-alert").on("click", "a", function (e) {
  e.preventDefault();
  //your stuff
});

即使 a 是动态的，这也会起作用。我们在这里使用 e.preventDefault() 的原因是为了防止触发 a 的默认点击。