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

Question

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

我正在这样做：

$( "#btnDelete").click(function() {  
    $(this).parent().parent().remove();
});

请参阅Fiddle

我看不出为什么它不起作用

任何提示？

Answer 1

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

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

$( ".btnDelete").click(function() {  
    $(this).parent().parent().remove();
});

或更好（因为对HTML中的更改更具弹性）：

$( ".btnDelete").click(function() {  
    $(this).closest("tr").remove();
});

Demonstration

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

$(document).on("click", ".btnDelete", function() {  
    $(this).closest("tr").remove();
});

（而不是document，您可以使用添加按钮的任何永久元素）

Related answer

Answer 2

$( ".btnDelete").click(function() {  
    $(this).closest("tr").remove();
});

Answer 3

请改用班级，并将其引用为.btnDelete

代码应更改为

$('.btnDelete').click(function(){
    $(this).parents('tr').remove();
});

Answer 4

嗯，确实有效。问题是你给所有三个按钮都给了相同的id。你应该考虑为此目的使用一个类。

Answer 5

您应该为按钮使用类，因为ID必须在文档中是唯一的，并且必须使用动态添加的元素event-delegation：

$(document).on('click', '.btnDelete', function(){
    $(this).parents('tr').remove();
});

<强> DEMO