jquery - 如果动态创建，则单击不起作用的子项

Question

我在javascript中创建了一个按钮标记

value = '<button id="structure_' + arrayCodStructure[j] + '" class="ui_btn" >' +   arrayCodStructure[j]   + ' </button><br></br>';

然后以这种方式附加到现有的div：

$("#listContent").append(value);

我的目的是在点击具体内容时获取按钮的ID，并尝试使用以下代码，但没有运气。

$("#listContent.ui_btn").bind("click".function() {
var id = $(this).Attr('id');
    alert("id: " + id);
}

任何解决方案？

#listContent 上的

选择器有效，但它不是我需要的。

Answer 1

尝试在此上下文中使用event-delegation，并且您使用的选择器也是错误的，

$("#listContent").on('click',".ui_btn" ,function() {
    var id = this.id;
    alert("id: " + id);
}