Làm thế nào để loại bỏ hàng hiện tại khỏi bảng trong jQuery?

Question

Tôi có một bảng trong html như sau

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

</tbody> 
</table> 

bây giờ nếu cùng một khuôn mẫu tiếp tục, tôi muốn xóa một hàng nếu một nút remove được nhấp trên hàng đó. làm thế nào để tôi đạt được cùng với jQuery?

Answer 1

đẹp hơn:

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

More on closest()

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

Điều này có lợi ích khi làm việc cho dù HTML của bạn trông như thế nào trong ô.

Answer 2

Hãy thử điều này:

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

Hoặc bạn có thể làm cho nó chung chung hơn như thế này:

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

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