Javascript 使用具有多个元素的类选择元素

我有一个从查询中获取数据的ajax调用，我将标记添加到页面以显示如下结果：

 $('.address-results').append("<div class='address-result'><h5 class='bold-blue'>" + po.CompanyName + "<span class='glyphicon glyphicon-info-sign address-icon'></span></h5><span>" + po.Street + "</span><br/><span>" + po.Town + "</span><br/><span>" + po.County + "</span><br/><span>" + po.Postcode + "</span><br /><button class='btn btn-sm btn-member' id = "+ po.Id+">Enquire</button></div>")

---

事件处理程序仅绑定到当前选定的元素；在代码进行事件绑定调用时，它们必须存在于页面上

在动态添加HTML时，需要使用委托事件方法

i、 e

范例

$('.address-results').on('click', ".btn-member", function(){
    //Your code
});

您应该使用最接近的静态容器来代替

文档

此外，您应该使用自定义的

数据-

前缀HTML属性。可以使用

//事件绑定
$（'.address results'）。在（'click'，.btn member'，函数（）上{
警报（$（this）.data（'id'））
});
//附加元素
$（“.地址结果”）。追加（“查询”）

$（文档）.ready（函数（）{
//事件绑定
$（'.address results'）。在（'click'，.btn member'，函数（）上{
警报（$（this）.data（'id'））
});
//附加元素
$（“.地址结果”）。追加（“查询”）
});
非常感谢您。非常感谢你的努力。
$(document).on('event','selector',callback_function)

$('.address-results').on('click', ".btn-member", function(){
    //Your code
});

//Event Binding
$('.address-results').on('click', ".btn-member", function(){
    alert($(this).data('id'))
});

//Append element
$('.address-results').append("<button class='btn-member' data-id='"+ po.Id+"'>Enquire</button>")