查找动态生成的按钮作为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”)获取.button

后代中的.some_div

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

或者如果您认为绑定点击事件时元素.some_div存在于on，那么您可以使用.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
 )};