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

Question

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

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

        }

我的这段代码正在工作，我可以删除我的整个 tr，但是当我想要在我的链接中使用相同的功能而不是它不起作用时，让我解释一下，当我想要一个带有名称的链接时，当用户单击该下划线链接时，它会删除该文本我的意思是整个 tr 就像我以前的作品一样，唯一的区别在于我使用的是 onclick on button 现在它位于锚标签上

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

}

上面有我的代码与锚标记不同

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.
});

Answer 2

我强烈建议您在单击时返回 false 以阻止页面重新加载或部分卸载。

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