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
}

通过在锚标签上应用onclick来删除文本

2 个答案: