如何在jQuery中從表中刪除當前行？

Question

我有一個表中的HTML如下

<table> 
<tbody> 
<tr> 
<td>test content</td> 
<td><input type="button" onClick="remove()"></td> 
</tr> 
.... 
... 

</tbody> 
</table> 

現在如果同樣的模式繼續下去，我想如果一個刪除按鈕，點擊該行以刪除行。我如何實現與jQuery相同？

Answer 1

一些好的：

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

More on closest()

<input type="button" onClick="$(this).closest('tr').remove();"> 

無論您的HTML在單元格中顯示的樣子如何，這都有益於工作。

Answer 2

試試這個：

<input type="button" onClick="$(this).parent().parent().remove();"> 

或者你可以使它更通用的是這樣的：

<script> 
    $(document).ready(function() 
    { 
    $(".btn").click(function(){ 
     $(this).parent().parent().remove(); 
    }); 
    }); 
</script> 

<tr> 
    <td><input type="button" class="btn"></td> 
</tr>