jqueryを使用してボタンをクリックした行を削除します

Question

私は行があるテーブルを持っています。ボタンをクリックすると、それ以前の行が削除されます。私は、行を決定するためにclosest（）関数を使用しています。私は、ボタンが中にあるのと同じ行を削除したいと思います。

function DeletClick(id, date) { 
    var e = window.event; \ 
    if (confirm('Are you sure you want to delete the record from ' + date + '?')) { 
     DisplayInformation.Delete(id, 
      function (result) { 
       if (result) { 
        jQuery('#' + e.srcElement.id).closest('tr').remove(); //Delete Row here! 
       } else { 
        alert('You Do not have permssion to delete record.'); 
       } 
      }); 
    } 
    } 

Answer 1

をボタンは、特定の行のtdの内部にある場合、あなたは、現在の行を決定するために同じロジックを使用することができます

$(this).closest('tr').remove(); 

DeletClickとすると、関数は削除ボタンのクリックハンドラです。場合

あなたは以下のようなボタンのHTMLのイベントハンドラをインラインで結合している場合、あなたは関数の引数としてthisを渡すと、その引数と上記のコードでthisを更新する必要があります。関数内部次に

<input type="button" value="Delete" onclick="DeletClick('someid', 'somedata', this)" /> 

、

function DeletClick(id, date, thisObj) { 
    var e = window.event; \ 
    if (confirm('Are you sure you want to delete the record from ' + date + '?')) { 
     DisplayInformation.Delete(id, 
      function (result) { 
       if (result) { 
        jQuery(thisObj).closest('tr').remove(); //Delete Row here! 
       } else { 
        alert('You Do not have permssion to delete record.'); 
       } 
      }); 
    } 
}