jQuery basic:如何在单击此行的按钮时删除表行?

pri*_*ime 17 jquery

$("#tableid tbody:last").append(html);
Run Code Online (Sandbox Code Playgroud)

这会动态创建表行.每个新创建的行都有一个"删除"按钮.

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

提前致谢.

Joh*_*ny5 45

 $(buttonSelector).live ('click', function ()
 {
    $(this).closest ('tr').remove ();
 }
 );
Run Code Online (Sandbox Code Playgroud)

使用.live绑定你的事件将自动绑定它时动态添加的行.

编辑

live 现在已被弃用,因为我认为1.7版本.

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

$('#tableid').on('click', buttonSelector, function(){
    $(this).closest ('tr').remove ();
});
Run Code Online (Sandbox Code Playgroud)

文档.

  • 哇,我每天都学到新东西.我不知道有一个最接近的功能.好贴. (4认同)