Javascript 如何使用jquery生成包含事件和表的按钮

我使用jquery生成表，我生成按钮并将其放在该表的每一行中，我想为该按钮设置事件，每当它们中的每一个单击时，删除该按钮所在的特定行
这是我的密码：

$("#table_sample").append("<tr>" +
    "<td>" + value1 + "</td>" +
    "<td>" + value2 + "</td>" +
    "<td>" + value3 + "</td>" +
    "<td>" + "<button type='button' class='col-sm-7 btn btn-danger pull-right'>delete</button> " +
    "</td></tr>"); 

$（“#表_示例”）。追加（”+
“”+value1+“”+
“”+value2+“”+
“”+value3+“”+
“+”删除+
""); 

是否有任何方法可以为每个可以删除其行的按钮设置事件？

尝试使用

.closest（）

获取单击按钮的父行

$('#table_sample').on('click','tr td :button:contains(delete)',function(e){
  $(this).closest('tr').remove();
});

请注意，我们在这里使用了，因为这些按钮是在运行时创建的

特别注意：我在这里使用了

：contains（）

选择器，因为我不知道这些按钮的确切标识，您必须为它们设置一些通用的可识别类，使用它。

您可以使用它来定位父行

$("#table_sample").on('click','.btn-danger',function(){
  $(this).closest('tr').remove();
});

---

请注意，您还需要使用该方法将事件委托给动态创建的元素（假设您使用的是jQuery 1.71或更高版本）

您可以尝试以下方法：

$("#myButton").click(function ()
{
    var test = $('<button/>',
    {
        text: 'Test',
        click: function () { alert('hi'); }
    });

    var parent = $('<tr><td></td></tr>').children().append(test).end();

    $("#addNodeTable tr:last").before(parent);
});

$（“#我的按钮”）。单击（函数（）
{
var测试=$（''，
{
文本：“测试”，
单击：函数（）{alert（'hi'）；}
});
var parent=$（''）.children（）.append（test）.end（）；
$（#addNodeTable tr:last”）。在（父项）之前；
});

或者

$（“#我的按钮”）。单击（函数（）
{    
var测试=$（''，
{
文本：“测试”，
单击：函数（）{alert（'hi'）；}
}).包裹（''）。最近（'tr'）；
$（#addNodeTable tr:last”）。在（测试）之前；
});

GRRRR，我正要回答同样的问题。你为什么这么快：P@ahmadalbayati啊，该死，我甚至没看到答案。。。我的网速太慢了：D

$("#myButton").click(function ()
{    
    var test = $('<button/>',
    {
        text: 'Test',
        click: function () { alert('hi'); }
    }).wrap('<tr><td></td></tr>').closest('tr');

    $("#addNodeTable tr:last").before(test);
});