当脚本动态生成元素并通过类选择器进行访问时，如何在Jquery中的click事件上调用函数？

Question

我正在通过脚本生成类'section-delete-btn'的锚标记：

<a class='section-delete-btn' role='button' id = '" + $("#section_name").val() + "'href='#'><i class='section-delete-btns fa fa-trash-o' aria-hidden='true'></i></a>

我正在尝试通过这样的类选择器访问标签：

//delete a section
$('a').on('click','.section-delete-btn',function(){
  //get section name
  var section_name = $(this).attr('id');
  alert(section_name);
});

Answer 1

您已经在使用委托侦听器，但是如果在附加侦听器时您的文档没有任何a元素，它将失败。而是使用document：

$(document).on('click','a.section-delete-btn',function(){
  //get section name
  var section_name = $(this).attr('id');
  alert(section_name);
});