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

Question

我绑定到页面中的 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

你委托它。通过委托，我的意思是将它绑定到一个静态父级，它将管理从那里到a.

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

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

Answer 2

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

假设这就是你的意思。