jQuery 基本 : How can i remove a table row when a button of this row is clicked?

Question

$("#tableid tbody:last").append(html);

这会动态创建表行。 每个新创建的行都有一个“删除”按钮。

现在，如果我单击删除按钮，该行将被删除。 我怎样才能做到这一点。

提前致谢。

Answer 1

 $(buttonSelector).live ('click', function ()
 {
    $(this).closest ('tr').remove ();
 }
 );

使用 .live 绑定(bind)事件将在动态添加行时自动绑定(bind)它。

编辑

live 现已弃用，我认为是从 1.7 版本开始。

现在的方法是使用 on 而不是 live。

$('#tableid').on('click', buttonSelector, function(){
    $(this).closest ('tr').remove ();
});

请参阅doc .