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

您可以使用后代选择器 $(“ancestor descendant”).button来获取.some_div

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

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

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

Answer 2

尝试

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

或者

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