Javascript 如何通过单击同一行的列中的图像来删除行？

如何通过单击同一行的列中的图像来删除行

这是用于添加行的代码

function addrow() {
    var table = document.getElementById("tablelist");
    var row = table.insertRow(-1);
    var cells = new Array();
    for (var i = 0; i < 6; i++) {
        cells[i] = row.insertCell(i);
        cells[i].innerHTML = "New";
    }
    cells[6] = row.insertCell(6);
    cells[6].innerHTML = '<img id="pencil" src="images/pencil-black.png"></img><img id="lock" src="images/lock-black.png"></img><img id="bin" src="images/bin-black.png"></img>';
}

---

注意：我知道

.slideUp（）

没有删除行。

id在文档中必须是唯一的，因此需要将其更改为类属性

然后，您需要使用委托事件注册

$('#tablelist').on('click', '.bin', function(){
    $(this).closest('tr').slideUp();
})

---

演示：

id在文档中必须是唯一的，因此需要将其更改为类属性

然后，您需要使用委托事件注册

$('#tablelist').on('click', '.bin', function(){
    $(this).closest('tr').slideUp();
})

演示：

ps

slideUp（）

动画对

tr

元素不起作用

---

ps

slideUp（）

动画对

tr

元素不起作用

为什么不使用每行选择器？比如：$（“.userbox tr”）$（这个）。将给出当前元素！为什么每行不使用选择器？比如：$（“.userbox tr”）$（这个）。将给出当前元素！这可能是一个愚蠢的问题，我该如何将

img id

更改为

img类

@LiewJiaJun一个更加jquery-ish的

addrow

方法也可以是

slideup

实际上无法连续工作，你可以很容易地用hide替换它这可能是一个愚蠢的问题，我如何将

img id

更改为

img class

@LiewJiaJun一个更具jquery风格的

addrow

方法也可以是

slideup

在一行中不起作用，你可以很容易地用hide替换它

$('table').on('click', 'img', function() {
  $(this).closest('tr').remove();
});