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

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

        }

私のこのコードは、tr全体を削除できる場所で機能していますが、機能しないのと同じ機能がリンクに必要な場合は、説明させてください。ユーザーが下線付きのリンクをクリックすると、名前が削除されたリンクが必要になり、そのテキストが削除されます。前の作品と同じように、tr全体が唯一の違いは、ボタンのonclickを使用していたことです。これはアンカータグ上にあります。

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

}

上にアンカータグに対して同じように機能していない私のコードがあります

4

2 に答える 2

2

インラインイベントは使用しないでください。古いスタイルです。

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

そして、jQueryを使用したJSでは; 

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

    $(this).closest('tr').remove(); // will delete the upper tr.
});
于 2012-05-04T13:19:17.390 に答える
0

クリック時にfalseを返すことで、ページのリロードまたは部分的なアンロードを停止することを強くお勧めします。

<td><a href="#" onclick="return removeLink(this.parentNode.parentNode.rowIndex);">Remove</a></td>
function removeLink(i) {
  document.getElementByID('tab2').deleteRow(i);
  return false
}
于 2012-05-03T20:37:42.610 に答える