在JavaScript中使用此方法删除表行

Question

我正在尝试构建一个会删除表格中的行的事件。在每一行中我都有删除按钮，一旦点击此行中的按钮，就应该删除适用的行。有没有办法使用＆＃39;这个＆＃39;属性？我尝试计算行和按钮的索引，但它太混乱了，我正在寻找更简单的代码。这是我到现在为止所做的事情，其中​​包括＆＃39;这个＆＃39;显然不起作用。您能否建议是否有类似的方法来选择适用的行？

thread A

Answer 1

this会引用您的.deleteBtn元素。假设您要移除的行内，您需要遍历该元素的父母以找到tr，然后将其删除：

function removeItem(e) {
    var tr = this;
    while (tr.tagName != "TR") {
        tr = tr.parentNode;
        if (!tr) {
            // Didn't find an ancestor TR
            return;
        }
    }
    tr.parentNode.removeChild(tr);
}

在现代浏览器上，您可以将removeChild行更改为：

tr.remove();

...但我不得不承认我不知道支持得多好（我正在看着你，微软）。