尝试从多维数组（html、javascript）中删除项

我创建了一个表，其中显示了添加到数组中的每个项。在每列的最后一行中有一个操作字段，可用于编辑或删除该行。我不知道我该如何做到这一点。到目前为止，我所做的工作不正常

function del(item) {

    participantList.splice(item,1);
    displayLIst();
}

function addInfo() { 
    var fname = document.getElementById("fname").value;
    var lname = document.getElementById("lname").value;
    var email = document.getElementById("email").value;
    if(fname !='' && lname !="" && email !='') {
        participantList[count] = new Object();
        participantList[count].Fname = fname;
        participantList[count].Lname = lname;
        participantList[count].Email = email;
        participantList[count].Action = "<button onclick='del("+count+")'>Delete</button>" + "<button onclick='edit("+count+")'>Edit</button>";
        count++;

        document.getElementById("fname").value ="";
        document.getElementById("lname").value = "";
        document.getElementById("email").value = "";
        }
        displayList();

}

功能删除（项目）{
参与者名单。拼接（第1项）；
显示列表（）；
}
函数addInfo（）{
var fname=document.getElementById（“fname”）.value；
var lname=document.getElementById（“lname”）.value；
var email=document.getElementById（“email”）.value；
如果（fname！=''&&lname！=''&&email！=''）{
participantList[count]=新对象（）；
参与者列表[count].Fname=Fname；
参与者列表[count].Lname=Lname；
参与者列表[计数]。电子邮件=电子邮件；
参与者列表[计数].Action=“删除”+“编辑”；
计数++；
document.getElementById（“fname”）.value=“”；
document.getElementById（“lname”）.value=“”；
document.getElementById（“电子邮件”）.value=“”；
}
显示列表（）；
}

---

我想删除数组中指定行中的每个对象。

如何获取元素并将其放入参与者列表？ 你有对元素的引用吗？你能包括HTML以及所有与你想做的事情相关的代码吗

下面是我如何获取所有元素并删除其中一个

可以通过调用元素上的.remove（）来删除该元素

下面是我的示例代码：

querySelectorAll创建活动节点列表 我抓取其中一个元素（索引1）并用Element.remove（）将其删除

---

查看小提琴以查看其实际操作。

以下是当前的工作版本：

var participantList = [];
var edit = function(item) {};
var del =  function(item) {

    participantList.splice(item,1);
    displayList();
};

function addInfo() { 
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
var email = document.getElementById("email").value;
var count = participantList.length;
if(fname !='' && lname !="" && email !='') {
  var item = {};
  item.Fname = fname;
  item.Lname = lname;
  item.Email = email;
  item.Action = "<button onclick='del("+count+")'>Delete</button><button onclick='edit("+count+")' disabled>Edit</button>";

  participantList.push(item);

    document.getElementById("fname").value ="";
    document.getElementById("lname").value = "";
    document.getElementById("email").value = "";
    }
    displayList();

};

var displayList = function () {
  // clean previous data
  console.log(participantList);
  document.getElementById("results").innerHTML = "";
  var content = "";
  for(var i = 0; i<participantList.length; i++) {
    content += "<tr>";
    content += "<td>" + participantList[i].Fname + "</td>";
    content += "<td>" + participantList[i].Lname + "</td>";
    content += "<td>" + participantList[i].Email + "</td>";
    content += "<td>" + participantList[i].Action + "</td>";
    content += "</tr>"
  }
  document.getElementById("results").innerHTML = "<table>" + content + "    </table>";
};

var participantList=[]；
var edit=函数（项）{}；
var del=功能（项目）{
参与者名单。拼接（第1项）；
显示列表（）；
};
函数addInfo（）{
var fname=document.getElementById（“fname”）.value；
var lname=document.getElementById（“lname”）.value；
var email=document.getElementById（“email”）.value；
var count=participantList.length；
如果（fname！=''&&lname！=''&&email！=''）{
var item={}；
item.Fname=Fname；
item.Lname=Lname；
邮件=电子邮件；
item.Action=“DeleteEdit”；
参与者列表。推送（项目）；
document.getElementById（“fname”）.value=“”；
document.getElementById（“lname”）.value=“”；
document.getElementById（“电子邮件”）.value=“”；
}
显示列表（）；
};
var displayList=函数（）{
//清除以前的数据
console.log（参与者列表）；
document.getElementById（“结果”）.innerHTML=“”；
var-content=“”；
对于（var i=0；i
var participantList = [];
var edit = function(item) {};
var del =  function(item) {

    participantList.splice(item,1);
    displayList();
};

function addInfo() { 
var fname = document.getElementById("fname").value;
var lname = document.getElementById("lname").value;
var email = document.getElementById("email").value;
var count = participantList.length;
if(fname !='' && lname !="" && email !='') {
  var item = {};
  item.Fname = fname;
  item.Lname = lname;
  item.Email = email;
  item.Action = "<button onclick='del("+count+")'>Delete</button><button onclick='edit("+count+")' disabled>Edit</button>";

  participantList.push(item);

    document.getElementById("fname").value ="";
    document.getElementById("lname").value = "";
    document.getElementById("email").value = "";
    }
    displayList();

};

var displayList = function () {
  // clean previous data
  console.log(participantList);
  document.getElementById("results").innerHTML = "";
  var content = "";
  for(var i = 0; i<participantList.length; i++) {
    content += "<tr>";
    content += "<td>" + participantList[i].Fname + "</td>";
    content += "<td>" + participantList[i].Lname + "</td>";
    content += "<td>" + participantList[i].Email + "</td>";
    content += "<td>" + participantList[i].Action + "</td>";
    content += "</tr>"
  }
  document.getElementById("results").innerHTML = "<table>" + content + "    </table>";
};

<input type="text" id="fname" />
<input type="text" id="lname" />
<input type="text" id="email" />

<button onclick="addInfo()">
  Add
</button>

<div id="results">