如何触发使用javascript在javascript上创建的按钮？

我目前正在开发一个web应用程序，它需要使用数据表中的按钮预览某些报表。数据表上的每一行都有自己在javascript上创建的按钮，我希望使用相同的javascript文件触发该按钮

有什么办法可以这样做吗？请参阅下面的代码：

      $('#AccountList').append('<tr data-empid="' + row.ci_ID + '">'
        + '<td  text-align:center;">' + row.ciCODe + '</td>'
        + '<td  text-align:center;">' + row.FullName + '</td>'
        + '<td  text-align:center;">' + row.LoanType + '</td>'
        + '<td  text-align:center;">' + row.Bank + '</td>'
        + '<td  text-align:center;">' + row.Amount + '</td>'
        + '<td  text-align:center;"><label class="'+ xLabel +'"><h6>' + xText + '</h6></label></td>'            
        + '<td  text-align:center;"><button class="btn btn-primary btn-outline-primary" id="btnPreview" name="btnPreview"><i class="icofont icofont-prescription"></i></button>'
        + '<button class="btn btn-danger btn-outline-danger" id="btnReinvestigate" name="btnReinvestigate"><i class="icofont icofont-redo"></i></button>'
        +'</td>'
        + '</tr>');



 $("#btnReinvestigate").click(function(){
        alert("Hello Worlds!");
     });

     $("#btnPreview").click(function(){
        alert("Hello World!");
     });

$（'#会计清单'）。追加（''
+''+行。全名+''
+“+行，银行+”
+''+xText+''的
+“在元素共享相同的
id
的位置追加行

事实上，您可以取消按钮上的id属性，而使用
name
属性

然后，您将希望单击处理程序以
#AccountList

$('#AccountList')
  .on('click', 'button[name="btnReinvestigate"]', function () {
    alert('Reinvestigate')
  })
  .on('click', 'button[name="btnPreview"]', function () {
    alert('Preview')
  });