javascript - 单击 href 删除行 (TR)

Question

我有一张 table ，我想通过点击 href 标签来删除 tr。这是代码。

<tr>                                
    <td data-title="ID">
            echo '<a href="" onclick="return Deleteqry('.$orderID.')";><font size="2" color="#FF0000"><i class=" fa fa-remove" title="Remove this Row"> </i></a>';

    </td>
</tr>

<script>
 function Deleteqry(id)
    { 
      if(confirm("Are you sure you want to delete this Row?")==true)
   $(this).closest('tr').remove(); 
       return false;
    }

</script>

我检查了 SO 中的其他问题并找到了 $(this).closest('tr').remove(); 但它不起作用。我没有收到任何错误，但行没有删除。我收到警告框，但未删除行。

请告知我做错了什么。

Answer 1

基本上 this 在普通函数中将指向 window 对象。

.... onclick="return Deleteqry('.$orderID.', this)";>

所以你必须手动将它传递给内联事件处理函数。

function Deleteqry(id,_this) { 
 if(confirm("Are you sure you want to delete this Row?")==true)
   $(_this).closest('tr').remove(); 
   return false;
}

接收它，将其转换为 jquery 对象并对其进行处理。