删除表行jquery

我有这一排桌子

<tr role="row" class="even">
    <td class="sorting_1">10</td>
    <td>er</td>
    <td>
        <button class="btn btn-danger" data-id="1"><i class="fa fa-trash fa-lg"></i> Delete record</button>
    </td>
    <td>er</td>
</tr>
<tr role="row" class="even">
    <td class="sorting_1">10</td>
    <td>er</td>
    <td>
        <button class="btn btn-danger" data-id="2"><i class="fa fa-trash fa-lg"></i> Delete record</button>
    </td>
    <td>er</td>
</tr>
<tr role="row" class="even">
    <td class="sorting_1">10</td>
    <td>er</td>
    <td>
        <button class="btn btn-danger" data-id="3"><i class="fa fa-trash fa-lg"></i> Delete record</button>
    </td>
    <td>er</td>
</tr>

10
呃
删除记录
呃
10
呃
删除记录
呃
10
呃
删除记录
呃

我需要的是，当用户单击任何行的“删除”按钮时，该行应被删除。

使用

.closest（）

并找到与按钮相关的最近的tr，然后将其删除，如下所示

$('.btn.btn-danger').click(function(){
  $(this).closest('tr').remove();  //or  $(this).closest('tr').hide();
});

或

完整代码：-

$（'.btn.btn-danger'）。单击（函数（）{
$（this.nexist（'tr'）.remove（）；//或$（this.nexist（'tr'）.hide（）；
});

10
呃
删除记录
呃
10
er1
删除记录
er1
10
er2
删除记录
er2
我认为他的要求非常明确。在您的小提琴中，当我单击第一个/第二个按钮时，它也将从最后一个按钮中删除。@Gorostas…我认为如果需要更多帮助，此答案将解决您的问题，然后进行评论。@Gorostas…如果答案解决了您的问题，则接受此答案，以便接受的答案也能帮助其他人…谢谢。。
$('.btn.btn-danger').click(function(){
  $(this).parent().parent().remove();  //or  $(this).parent().parent().hide();
});