如何将onclick事件永久绑定到类的元素

Question

我可以将onclick事件附加到函数

$(".options").click(function(){ alert($(this).val())})

但.options元素会根据用户互动一直被替换。我如何设置它以便每次创建.option元素时都不必执行此语句？

Answer 1

快速回答：使用事件委托

$(document).on('click', '.options', function() {
    alert($(this).val());
});

更长的答案：上面的内容，但是尽可能将委托目标附加到文档树的尽可能远的地方而不会有被删除的风险（或者最接近添加选项的位置）而不是简单地document;这样做可确保点击事件不会达到页面上所有点击的委托目标。

$('some existing element').on('click', '.options', function() {
    alert($(this).val());
});