javascript - jQuery 处理程序 - 如何将动作应用于动态添加的元素

Question

可以如下处理向动态创建的元素添加事件处理程序：

在 jQuery 中，如何将事件附加到动态 html 元素？

$('body').on('click', 'a.myclass', function() {
    alert( $(this).text() );
});

但是，假设我想对也动态添加的元素执行操作。

在下面的示例中 $('inout.wp')s 在此代码运行后被添加，我希望在处理程序触发时使用jQuery Validator验证它们：

<input type="text" name="wp_address_0" placeholder="Enter a Town, City or Postcode" id="wp_address_0" class="geocode wp">

<script>
$('body').on('click', 'a.myclass', function() {
    $('input.wp').valid();
});
</script>

我虽然也许我可以为此使用 .find ：

$('body').on('click', 'a.myclass', function() {
    $("#waypoints").find('input.wp').valid();
});

但这无济于事。我怎样才能做到这一点？

Answer 1

代替

$('body').on(

和

$(document).on(

Answer 2

好的，所以这比我想象的要容易得多，我应该在问之前就意识到......

$('body').on('click', 'a.myclass', function() {
    $('#waypoints input.wp').valid();
});

只要您为选择器中的动态元素引用静态容器，它们似乎就可以找到。