jquery - 如何在 jQuery 中访问新添加的 HTML 元素

Question

这是我的问题的示例:

HTML

<p><a class="clickme" href="#">I would like to say:</a></p>

jQuery

$("a.clickme").click(function() {
    $('p').append('<div><a href="#" id="say-hello">Hello</a></div>');
});

$("#say-hello").click(function(){
    alert('test hello');
});

这里是示例代码的摆弄: http://jsfiddle.net/johnmorris/2UVYd/2/

第一次点击功能触发得很好。但是，警报(或任何其他功能)不会在新附加的元素上触发。我基本上知道附加元素在页面加载时不存在，因此 jQuery 不会“看到”它......因此，第二个单击函数不会触发。

我只是想知道是否有办法解决这个问题。如果是的话，那是什么？我似乎无法弄清楚这一点。

Answer 1

您的代码不起作用，因为当您将其绑定(bind)到点击处理程序时， dom 中不存在 $("#say-hello") 。

但是，您可以像下面的语法一样使用 .on ，它将查找 ID 为 say-hello 的元素，该元素稍后将添加到“p”中，

DEMO

  $("p").on('click', '#say-hello', function(){
    alert('test hello');
  })