Javascript / JQuery在代码中删除父TR问题

Question

我有一个包含许多行的表格，我已经为每一行添加了一个删除按钮，并创建了一个函数，其中每个按钮都删除了它的父TR

以下是代码：

//HTML

<tr>
    <td>
        1
    </td>
    <td>
        data 1
    </td>
    <td>
        data 2
    </td>
    <td>
        data 3
    </td>
    <td>
        data 4
    </td>
    <td>
        <a href="#" class="btn" onclick="removeCurrentRow();">remove</a>
    </td>
</tr>


//Javascript

function removeCurrentRow() {

    $(this).parent('tr').hide();

}

我也试过了：

$(this).closest("tr").hide();
$(this).parent('tr').remove();
$(this).parent('tr').hide();
$(this).parent().parent().hide();

但他们都没有删除父TR

我哪里出错？

Answer 1

在调用函数时传递此信息：

readyRead

Answer 2

您还需要传递当前对象，

 <a href="#" class="btn" onclick="removeCurrentRow(this);">remove</a>

然后代码将是，

function removeCurrentRow(obj) {

    $(obj).closest('tr').hide();

}