Javascript jQuery按钮单击表中生成的按钮不触发

嘿，我正在尝试从生成的html表中获取数据行，我在表中添加了按钮，我正在尝试找出如何向按钮添加事件，以便从该行获取一些单元格

我的代码似乎不起作用，我也不知道为什么

我试图遵循这个JSFIDLE示例，但没有成功。。。 这是我的密码

使用按钮生成表行：

function buildHtmlTable(CompanyTime) {
            $("#excelDataTable").empty();
            var columns = addAllColumnHeaders(CompanyTime);

            for (var i = 0; i < CompanyTime.length; i++) {
                var row$ = $('<tr/>');
                if (CompanyTime[i].Company == "KaladiAdmin"){

                }
                else {

                    for (var colIndex = 0; colIndex < columns.length; colIndex++) {
                        var cellValue = CompanyTime[i][columns[colIndex]];

                        if (cellValue == null) { cellValue = ""; }

                        if (cellValue == true) {

                            row$.append($('<td><input type=\'checkbox\' name=\'Check\' checked=\'yes\'></input></td>'));
                        }
                        else if (cellValue == false) {
                            row$.append($('<td><input type=\'checkbox\' name=\'Check\' ></input></td>'));
                        }
                        else {
                            row$.append($('<td/>').html(cellValue));
                        }

                    }
                }
                if (CompanyTime[i].Company == "KaladiAdmin") {

                }
                else {
                    var button = "<button class=\"editButton\" style=\"background-color: #ffa500; color: #ffffff;\" >Update</button>" + 
                        "&nbsp;&nbsp;&nbsp;" +
                        "<button id=\"brnDelete\" class=\"btn btn-default btn-sm\" style=\"background-color: #ffa500; color: #ffffff;\">Remove</button>";
                    //var button = "<button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>";
                    row$.append($('<td/>').html(button));
                }

                $("#excelDataTable").append(row$);
            }
        }

---

提前谢谢

使用事件委派将事件附加到当前和未来（动态生成）元素

   $('body').on('click','button.editButton',function () {
        //var id = $(this).parent().siblings('.CID').text();
        console.log("clicked");
        //console.log(id);
    });

---

在动态添加元素时，应使用：

---

谢谢你，这非常有效，尝试了$（'button.editButton'）。在（“单击”，函数（）{//var id=$（this.parent（）。兄弟姐妹（'.CID'）.text（）；console.log（“单击”）；//console.log（id）；}）上，但没有起作用。你是一个救生员：）很高兴听到；）

   $('body').on('click','button.editButton',function () {
        //var id = $(this).parent().siblings('.CID').text();
        console.log("clicked");
        //console.log(id);
    });

$(document).on('click', 'button.editButton', function () {
  // code
});