javascript - 通过在 anchor 标记上应用 onclick 来删除文本

Question

<td><input type="button" value="remove" onClick="removeBox(this.parentNode.parentNode.rowIndex); "/></td>

function removeBox(i)
        {
            document.getElementById("firstTbl").deleteRow(i);

        }

我的这段代码正在工作，我可以删除整个 tr，但是当我希望链接中具有相同的功能而不是不起作用时，让我解释一下，当我想要时，应该有一个名称为“remove”的链接，因为用户单击该链接下划线删除该文本我的意思是整个 tr 就像我以前的工作一样，唯一的区别是我使用了 onclick 按钮，现在它位于 anchor 标记上

<td><a href="#" onclick="removeLink(this.parentNode.parentNode.rowIndex);">Remove</a></td>
function removeLink(i)
{
document.getElementByID('tab2').deleteRow(i);

}

上面是我的代码，对于 anchor 标记来说效果不一样

Answer 1

您不应该使用内联事件。这是旧风格。

<a href="#" class="remove">Remove</a>

在 JS 中使用 jQuery；

$('.remove').on('click', function (e) {
    e.preventDefault();

    $(this).closest('tr').remove(); // will delete the upper tr.
});