删除包含已单击的td JQuery的行

删除包含已单击的td JQuery的行,jquery,html,html-table,Jquery,Html,Html Table,我正在尝试管理我的HTML表,添加和删除行。我试图做的是通过单击元素()删除整行。 但是,当单击一个元素时,所有标记的父项都将被删除。是否仍然可以指定单击的元素并仅删除包含该元素的行,该元素专门用于可添加和删除行的此类可调整表 $(文档).ready(函数(){ $(“td”)。单击(函数(){ $(“td”).parentsUntil(“表”).remove(); }); }); 测试1测试2测试3测试4 测试5测试6测试7测试8 您需要遍历到click handler中最近的tr元素,然

我正在尝试管理我的HTML表,添加和删除行。我试图做的是通过单击元素()删除整行。 但是,当单击一个元素时,所有标记的父项都将被删除。是否仍然可以指定单击的元素并仅删除包含该元素的行,该元素专门用于可添加和删除行的此类可调整表


$(文档).ready(函数(){
$(“td”)。单击(函数(){
$(“td”).parentsUntil(“表”).remove();
});
});
测试1测试2测试3测试4
测试5测试6测试7测试8

您需要遍历到click handler中最近的tr元素,然后将其删除。为此,您需要单击元素的jquery对象以及
.closest()
.parent()
选择器:

$("td").click(function(){
      $(this).closest("tr").remove();
});
工作片段:


$(文档).ready(函数(){
$(“td”)。单击(函数(){
$(this).tr.remove();
});
});
测试1测试2测试3测试4
测试5测试6测试7测试8

是的,有。只需选择
元素的父元素;它将是


$(文档).ready(函数(){
$(“td”)。单击(函数(){
$(this.parent().remove();
});
});
测试1测试2测试3测试4
测试5测试6测试7测试8

太好了。非常感谢,非常有帮助。非常感谢。@SaharAlsadah:很高兴它能帮上忙:)这是固定尺寸的桌子。但是,当我添加和(添加行)按钮时,它不会对其他行执行操作。你知道为什么吗?你需要使用事件授权。