jquery - 查找动态生成的按钮作为 div 的后代

Question

我需要在 div 内找到一个按钮(并在单击时执行一个功能)，我知道如何以常规方式执行此操作:

$(".some_div").find(".button").click(function () {
  //do something
)};

问题是我必须使用 .on 函数，因为内容是通过 AJAX 加载的，所以我使用这个:

$(document).on('click', '.button', function(event){ 
  //do something
)};

我需要这两者的组合。我试过这个:

$(document).on('click', '.some_div' '.button', function(event){ 
  //do something
)};

没用。

Answer 1

您可以使用descendant selector, $(“ancestor descendant”)获取 .some_div

后代中的 .button

$(document).on('click', '.some_div .button', function(event){ 
    //do something
)};

或者，如果您认为元素 .some_div 在绑定(bind)单击事件时存在，那么您可以使用 .some_div 代替文档。

$('.some_div').on('click', '.button', function(event){ 
    //do something
)};