为什么我不能从TD内的删除按钮中删除TR

Rol*_*oll 0 html jquery

我只想从当前删除的图像中删除TR元素...

我这样做:

$( "#btnDelete").click(function() {  
    $(this).parent().parent().remove();
});
Run Code Online (Sandbox Code Playgroud)

小提琴

我不明白为什么它不起作用

有小费吗?

Den*_*ret 6

只有一个元素可以在HTML文档中具有给定的ID.

在此处使用课程并将代码更改为

$( ".btnDelete").click(function() {  
    $(this).parent().parent().remove();
});
Run Code Online (Sandbox Code Playgroud)

或者更好(因为对HTML的更改更具弹性):

$( ".btnDelete").click(function() {  
    $(this).closest("tr").remove();
});
Run Code Online (Sandbox Code Playgroud)

示范

如果动态添加行或按钮,请使用委托绑定:

$(document).on("click", ".btnDelete", function() {  
    $(this).closest("tr").remove();
});
Run Code Online (Sandbox Code Playgroud)

(而不是document,你可以使用任何永久元素,你的按钮将被添加)

相关答案