Javascript 通过单击“关闭”图标从表中删除行

我想通过单击“关闭”图标删除表中的单个行。我怎样才能达到这个结果？默认情况下，我编写了删除所有行的代码。我还想知道打印表中行的更好方法：

$。每个（结果、函数（i、字段）{
$（“#人”）。追加(
'' + 
''+field.id+''+field.last_name+''
''+字段。第一个名称+''+
'');
});
$（“i.fa”）。单击（函数（）{
$（“.person”）.remove（）；
});

将单击事件处理程序更新为以下内容。使用

---

作为参考，

您需要

此

来获取单击的对象

$("i.fa").click(function() {
      $(this).parents(".person").remove();
});

下面是一个工作示例

var result=[{“id”：1，“姓氏”：“Kowalski”，“名”：“Jan”}，{“id”：2，“姓氏”：“Nowak”，“名”：“Adam”}，{“id”：3，“姓氏”：“Kowal”，“名”：“zbignew”}；
$（文档）.ready（函数（）{
$.each（结果、函数（i、字段）{
$（“#人”）。追加(
'' + 
''+field.id+''+field.last_name+''
''+field.first_name+'X'+
'');
});
$（“i.fa”）。单击（函数（）{
$（this.parents（“.person”）.remove（）；
});
$（“#搜索”）.keyup（函数（）{
var value=$（this.val（）.toLowerCase（）；
$（“#persons tr”）.filter（函数（）{
$（this）.toggle（$（this）.text（）.toLowerCase（）.indexOf（value）>-1）
});
});
});

搜索：
身份证件
姓氏
名字
删除
使用
$（this）.closest（'tr'）.remove（）
要删除所单击的删除图标的对应行，请执行以下操作：


var result=[{“id”：1，“姓氏”：“Kowalski”，“名”：“Jan”}，{“id”：2，“姓氏”：“Nowak”，“名”：“Adam”}，{“id”：3，“姓氏”：“Kowal”，“名”：“zbignew”}；
$（文档）.ready（函数（）{
$.each（结果、函数（i、字段）{
$（“#人”）。追加(
'' + 
''+field.id+''+field.last_name+''
''+field.first_name+'X'+
'');
});
$（“i.fa”）。单击（函数（）{
$（this）.closest（'tr'）.remove（）；
});
$（“#搜索”）.keyup（函数（）{
var value=$（this.val（）.toLowerCase（）；
$（“#persons tr”）.filter（函数（）{
$（this）.toggle（$（this）.text（）.toLowerCase（）.indexOf（value）>-1）
});
});
});

搜索：
身份证件
姓氏
名字
删除

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

$("i.fa").click(function() {
      $(this).parents(".person").remove();
});