单击按钮获取数据表行数据

我有一个问题this https://plnkr.co/edit/cr4VDR1AZih8WiNxmKg6?p=preview项目。

我正在尝试创建一个 CRUD 菜单，当点击“编辑”按钮时，该行的数据将被传输到引导模式，并且用户可以从那里进行编辑。

问题：现在点击该行时 - 模式会与该行的数据完美打开 - 但是当我尝试更改它以通过按下按钮（'.edit_btn'）获取数据时，它不起作用。我知道该按钮不包含任何数据 - 所以这就是为什么它可能不起作用......

 $('#example tbody').on('click',  '.edit_btn', function () { // works only 
    when replacing 'tr' with  '.edit_btn' //
    var data_row = table.row(this).data(); // row's data

    $("#myModal").modal('show');

    $('#myModal').on('shown.bs.modal', function() {

        $('#name').val(data_row.id);
        $('#type').val(data_row.type);
        $('#camp').html(data_row.campaign);

    });

});

Thanks

我会使用委托事件处理程序tbody .edit_btn并抓住行closest('tr') :

$('#example').on('click', 'tbody .edit_btn', function () {
    var data_row = table.row($(this).closest('tr')).data();
    ...
})

分叉的笨蛋 ->https://plnkr.co/edit/58vkkp3M6d68uuMknXus?p=preview https://plnkr.co/edit/58vkkp3M6d68uuMknXus?p=preview