Javascript 通过在定位标记上应用onclick删除文本 功能移除框(一) { 文件.getElementById(“firstTbl”).deleteRow(i); }

Javascript 通过在定位标记上应用onclick删除文本 功能移除框(一) { 文件.getElementById(“firstTbl”).deleteRow(i); },javascript,html,Javascript,Html,我的这段代码正在工作,我可以删除我的整个tr,但当我希望在我的链接中使用与其不工作相同的功能时,让我解释一下,当我想要的时候,应该有一个名为remove的链接,当用户点击那个下划线链接时,它会删除那个文本,我的意思是整个tr和我以前的工作一样,唯一的区别是我使用了onclick on按钮,现在它在anchor标签上 <td><input type="button" value="remove" onClick="removeBox(this.parentNode.parentN

我的这段代码正在工作,我可以删除我的整个tr,但当我希望在我的链接中使用与其不工作相同的功能时,让我解释一下,当我想要的时候,应该有一个名为remove的链接,当用户点击那个下划线链接时,它会删除那个文本,我的意思是整个tr和我以前的工作一样,唯一的区别是我使用了onclick on按钮,现在它在anchor标签上

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

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

        }

功能删除链接(i)
{
document.getElementByID('tab2').deleteRow(i);
}

上面是我的代码,它对锚定标记不起作用

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

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

}

功能删除链接(i){
document.getElementByID('tab2').deleteRow(i);
返回错误
}

您不应该使用内联事件。这是老式的


在JS中使用jQuery;


您应该发布一系列工作和非工作函数,这样我们就可以确切地看到它应该如何工作。
<td><a href="#" onclick="return removeLink(this.parentNode.parentNode.rowIndex);">Remove</a></td>
function removeLink(i) {
  document.getElementByID('tab2').deleteRow(i);
  return false
}
$('.remove').on('click', function (e) {
    e.preventDefault();

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