Javascript 如何删除表动态行?

Javascript 如何删除表动态行?,javascript,jquery,html-table,Javascript,Jquery,Html Table,我正在跟踪来自的代码 () 我已经把桌子整理好了。 但删除功能不起作用,我如何更改此代码? 我无法理解$(this).parent().parent().remove()代码 $(文档).ready(函数(){ $(“.addCF”)。单击(函数(){ 美元(“#addTg”)。在(“”)之后; }); $(“#addTg”)。在('click','.remCF',function()上{ $(this.parent().parent().remove(); }); }); 日期 目录 价格

我正在跟踪来自的代码 ()

我已经把桌子整理好了。 但删除功能不起作用,我如何更改此代码? 我无法理解
$(this).parent().parent().remove()代码

$(文档).ready(函数(){
$(“.addCF”)。单击(函数(){
美元(“#addTg”)。在(“”)之后;
});
$(“#addTg”)。在('click','.remCF',function()上{
$(this.parent().parent().remove();
});
});

日期
目录
价格
按钮

Add
动态添加的元素不在元素的同级
#addTg
内。因此,使用父表类选择器更改选择器

在处理程序
中,此
引用单击的dom对象,方法用于获取元素的父级。您可以使用方法简化它,该方法通过遍历元素的祖先来检索元素

虽然代码中未定义
myFunction
,但请从按钮中删除此处不需要的
onclick=“myFunction()”

$(文档).ready(函数(){
$(“.addCF”)。单击(函数(){
美元(“#addTg”)。在(“”)之后;
});
$(“.tg”)。在('click','.remCF',function()上{
$(this).closest('tr').remove();
});
});

日期
目录
价格
按钮

Add
动态添加的元素不在元素的同级
#addTg
内。因此,使用父表类选择器更改选择器

在处理程序
中,此
引用单击的dom对象,方法用于获取元素的父级。您可以使用方法简化它,该方法通过遍历元素的祖先来检索元素

虽然代码中未定义
myFunction
,但请从按钮中删除此处不需要的
onclick=“myFunction()”

$(文档).ready(函数(){
$(“.addCF”)。单击(函数(){
美元(“#addTg”)。在(“”)之后;
});
$(“.tg”)。在('click','.remCF',function()上{
$(this).closest('tr').remove();
});
});

日期
目录
价格
按钮

添加
单击“删除”链接时,您似乎要删除该行。该链接如下所示:

<a href="javascript:void(0);" class="remCF">
但是,这不起作用,因为您是动态创建这些链接的,所以您需要将
单击事件绑定到尚未存在的内容

相反,我将使用调用函数删除行的
onclick
属性创建链接

$(文档).ready(函数(){
$(“.addCF”)。单击(函数(){
美元(“#addTg”)。在(“”)之后;
});
});
函数deleteRow(elem){
elem.parent().parent().remove();
};

日期
目录
价格
按钮

添加
单击“删除”链接时,您似乎要删除该行。该链接如下所示:

<a href="javascript:void(0);" class="remCF">
但是,这不起作用,因为您是动态创建这些链接的,所以您需要将
单击事件绑定到尚未存在的内容

相反,我将使用调用函数删除行的
onclick
属性创建链接

$(文档).ready(函数(){
$(“.addCF”)。单击(函数(){
美元(“#addTg”)。在(“”)之后;
});
});
函数deleteRow(elem){
elem.parent().parent().remove();
};

日期
目录
价格
按钮

添加
@user2458645:乐于帮助:)@user2458645:乐于帮助:)