javascript - 如何为动态添加的按钮添加点击监听器？

Question

我通过以下方式动态添加按钮:

<input id="{Id}" type="submit" value="View">

{Id} 在运行时替换为记录 ID。

我想要一个类似的功能:

function viewRecord(button) {
    //Do something here...
}

如何向与所单击的正确按钮相对应的按钮添加单击监听器？

我今天开始学习 jquery，并且想要一个显示其实现方式的答案。

编辑

根据下面的答案，我正在尝试以下操作:

<td><input class="viewRecord" type="submit" value="View"></td>

$(".viewRecord").click(function () {
    var $table = $('#table'),
    var $tableBody = $table.find('tbody'),
    var $text = $tableBody.closest('tr').attr('id');

    alert($text);
});

但是，没有显示任何警报。

我错过了什么吗？

Answer 1

使用以下代码:

<div id="container">
    <input id="{Id}" type="submit" value="View" class="dynamic-btn" />
</div>

(function($) {
    var btnClick = function(){
        var id = $(this).attr('id');
        alert(id);
        /*Do smth that you needed*/
    };

    $(function() {
        $("#container").on("click", ".dynamic-btn", btnClick)
    });

}(jQuery));