Jquery parent（）不'；不要删除行

我正在编写一个jQuery脚本，将3个元素添加到一个表中。到目前为止，我还无法使用parent（）函数删除整行。有人能解释一下我做错了什么吗

$(function(){
    $("#dvTable").hide();   
    $("#btnGenerate").click(function(){
        var ename = $("#ename").val();
        var eid = $("#eid").val();
        var desc = $("#desc").val();
        var dvTable= $("#display");
        $("#formContainer").hide();
        $("#dvTable").show();
        var content = dvTable.children();    
        content.append('<tr>')
            .append('<td>' + ename + '</td>')
            .append('<td>' + eid + '</td>')
            .append('<td>' + desc + '</td>')
            .append('<td onclick="edit()">edit</td>')
            .append('<td onclick="remove()">del</td>')
            .append('</tr>');
        });

        $("#addEntry").click(function(){
            $("#ename").val("");
            $("#eid").val("");
            $("#desc").val("");
            $("#formContainer").show();
            $("#dvTable").hide();
        }); 
    });

    function edit(){
        }
    function remove(){
            $(this).parent().remove();
        }

$（函数（）{
$（“#dvTable”）.hide（）；
$（“#btnGenerate”）。单击（函数（）{
var ename=$（“#ename”）.val（）；
var eid=$（“#eid”）.val（）；
var desc=$（“#desc”）.val（）；
var dvTable=$（“#显示”）；
$（“#formContainer”）.hide（）；
$（“#dvTable”）.show（）；
var content=dvTable.children（）；
content.append（“”）
.append（“”+ename+“”）
.附加（“”+eid+“”）
.附加（“”+desc+“”）
.append（'编辑'）
.append（'del'））
.附加（“”）；
});
$（“#addEntry”）。单击（函数（）{
$（“#ename”）.val（“”）；
$（“#eid”）.val（“”）；
$（“#desc”）.val（“”）；
$（“#formContainer”）.show（）；
$（“#dvTable”）.hide（）；
}); 
});
函数编辑（）{
}
函数删除（）{
$（this.parent（）.remove（）；
}

试试这个

$(document).ready(function(){
    $("#dvTable").hide();   
    $("#btnGenerate").click(function(){
        var ename = $("#ename").val();
        var eid = $("#eid").val();
        var desc = $("#desc").val();
        var dvTable= $("#display");
        $("#formContainer").hide();
        $("#dvTable").show();
        var content = dvTable.children();    
        content.append('<tr>')
            .append('<td>' + ename + '</td>')
            .append('<td>' + eid + '</td>')
            .append('<td>' + desc + '</td>')
            .append('<td onclick="edit()">edit</td>')
            .append('<td onclick="remove(event)">del</td>')
            .append('</tr>');
        });
    });

    $("#addEntry").click(function(){
        $("#ename").val("");
        $("#eid").val("");
        $("#desc").val("");
        $("#formContainer").show();
        $("#dvTable").hide();
    }); 

});

function remove(event){
    $(event.target).closest('tr').remove();
}

$（文档）.ready（函数（）{
$（“#dvTable”）.hide（）；
$（“#btnGenerate”）。单击（函数（）{
var ename=$（“#ename”）.val（）；
var eid=$（“#eid”）.val（）；
var desc=$（“#desc”）.val（）；
var dvTable=$（“#显示”）；
$（“#formContainer”）.hide（）；
$（“#dvTable”）.show（）；
var content=dvTable.children（）；
content.append（“”）
.append（“”+ename+“”）
.附加（“”+eid+“”）
.附加（“”+desc+“”）
.append（'编辑'）
.append（'del'））
.附加（“”）；
});
});
$（“#addEntry”）。单击（函数（）{
$（“#ename”）.val（“”）；
$（“#eid”）.val（“”）；
$（“#desc”）.val（“”）；
$（“#formContainer”）.show（）；
$（“#dvTable”）.hide（）；
}); 
});
函数删除（事件）{
$（event.target）.closest（'tr'）.remove（）；
}

试试这个

$(document).ready(function(){
    $("#dvTable").hide();   
    $("#btnGenerate").click(function(){
        var ename = $("#ename").val();
        var eid = $("#eid").val();
        var desc = $("#desc").val();
        var dvTable= $("#display");
        $("#formContainer").hide();
        $("#dvTable").show();
        var content = dvTable.children();    
        content.append('<tr>')
            .append('<td>' + ename + '</td>')
            .append('<td>' + eid + '</td>')
            .append('<td>' + desc + '</td>')
            .append('<td onclick="edit()">edit</td>')
            .append('<td onclick="remove(event)">del</td>')
            .append('</tr>');
        });
    });

    $("#addEntry").click(function(){
        $("#ename").val("");
        $("#eid").val("");
        $("#desc").val("");
        $("#formContainer").show();
        $("#dvTable").hide();
    }); 

});

function remove(event){
    $(event.target).closest('tr').remove();
}

$（文档）.ready（函数（）{
$（“#dvTable”）.hide（）；
$（“#btnGenerate”）。单击（函数（）{
var ename=$（“#ename”）.val（）；
var eid=$（“#eid”）.val（）；
var desc=$（“#desc”）.val（）；
var dvTable=$（“#显示”）；
$（“#formContainer”）.hide（）；
$（“#dvTable”）.show（）；
var content=dvTable.children（）；
content.append（“”）
.append（“”+ename+“”）
.附加（“”+eid+“”）
.附加（“”+desc+“”）
.append（'编辑'）
.append（'del'））
.附加（“”）；
});
});
$（“#addEntry”）。单击（函数（）{
$（“#ename”）.val（“”）；
$（“#eid”）.val（“”）；
$（“#desc”）.val（“”）；
$（“#formContainer”）.show（）；
$（“#dvTable”）.hide（）；
}); 
});
函数删除（事件）{
$（event.target）.closest（'tr'）.remove（）；
}

替换#b生成单击fn。与

$("#btnGenerate").click(function(){
    var ename = $("#ename").val();
    var eid = $("#eid").val();
    var desc = $("#desc").val();
    var dvTable= $("#display");
    $("#formContainer").hide();
    $("#dvTable").show();
    var content = dvTable.children(); 
    var text = '<tr>';
        text += '<td>' + ename + '</td>';
        text += '<td>' + eid + '</td>';
        text += '<td>' + desc + '</td>';
        text += '<td onclick="edit()">edit</td>';
        text += '<td onclick="remove(event)">del</td>';
        text += '</tr>';
    content.append(text);
    });

替换#b生成单击fn。与

$("#btnGenerate").click(function(){
    var ename = $("#ename").val();
    var eid = $("#eid").val();
    var desc = $("#desc").val();
    var dvTable= $("#display");
    $("#formContainer").hide();
    $("#dvTable").show();
    var content = dvTable.children(); 
    var text = '<tr>';
        text += '<td>' + ename + '</td>';
        text += '<td>' + eid + '</td>';
        text += '<td>' + desc + '</td>';
        text += '<td onclick="edit()">edit</td>';
        text += '<td onclick="remove(event)">del</td>';
        text += '</tr>';
    content.append(text);
    });

$（文档）.ready（函数（）{
//$（“#dvTable”）.hide（）；
$（“#btnGenerate”）。单击（函数（）{
var ename=$（“#ename”）.val（）；
var eid=$（“#eid”）.val（）；
var desc=$（“#desc”）.val（）；
szTr=“”；
szTr=szTr+ename+“”；
szTr=szTr+“”+eid+“”；
szTr=szTr+“”+desc+“”；
szTr=szTr+‘编辑’；
szTr=szTr+“'del'”；
szTr=szTr+“”；
$（#display tbody'）。追加（szTr）；
});
$（'#display'）。在（'click'，'delete'，函数（）{
$（this.parents（'tr'）.remove（）；
});
});
名称：

Id:

Des

$（文档）.ready（函数（）{
//$（“#dvTable”）.hide（）；
$（“#btnGenerate”）。单击（函数（）{
var ename=$（“#ename”）.val（）；
var eid=$（“#eid”）.val（）；
var desc=$（“#desc”）.val（）；
szTr=“”；
szTr=szTr+ename+“”；
szTr=szTr+“”+eid+“”；
szTr=szTr+“”+desc+“”；
szTr=szTr+‘编辑’；
szTr=szTr+“'del'”；
szTr=szTr+“”；
$（#display tbody'）。追加（szTr）；
});
$（'#display'）。在（'click'，'delete'，函数（）{
$（this.parents（'tr'）.remove（）；
});
});
名称：

Id:

Des

此

不是指任何内容。在

$（this）.parent（）.remove（）中
此
引用的是窗口对象，而不是行元素。将“this”作为参数传递，以单击类似onclick=“remove（this）”的函数。这不能在回调中直接访问。使用“this”我可以删除td标记，但即使使用parent（）tr也不能删除dtd，因为remove（）是一个内置函数：”（
this
没有引用任何内容。在
$（this.parent（）.remove（）中）
此
引用的是窗口对象，而不是行元素。将“this”作为参数传递，单击onclick=“remove（this）”之类的函数。这不能在这样的回调中直接访问。使用“this”我可以删除td标记，但即使使用parent（）tr也不能删除dtd，因为remove（）而被删除是一个内置函数：'（我已将其作为一个单独的函数编写，但我没有使用document.ready我要求的是$（document）.ready（function（）{function remove（）{}}）；moved它..仍然是原来的resulttry函数remove（）{alert（'function called'）；}。检查单击是否触发函数警报不会弹出，但它会删除此del，即使我没有编写要执行的代码，但我已将其作为单独的函数编写，并且我没有使用document。ready我的要求与$（document）类似。ready（function（）{function remove（）{}）；将其移动..仍然是相同的旧结果