在jQuery中删除parent

Question

我有以下表结构：

<table class="table table-bordered">
  <tr>
    <th width="70%">File</th>
    <th width="15%">Size</th>
    <th width="15%">Delete</th>
  </tr>
  <tr>
     <td>Mon fichier</td>
     <td>3 kB</td>
     <td><a href="#" class="deleteFile" id="007"> Delete </a></td>
  </tr>
</table>

JS：

$('.deleteFile').click(function(){
  if (confirm("Delete ?")){
    $imagefile = $(this).attr('id');
    $.ajax({
    ...

如何删除/隐藏包含我的链接的<tr>？

Answer 1

TR是ancestor的{​​{1}}，所以请使用anchor tag来获得所需的结果。

尝试，

.closest()

您的代码，

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

Answer 2

使用nearest（）获取元素的祖先，并使用hide（）或remove（）

隐藏

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

删除

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

Answer 3

写：

$('.deleteFile').click(function(){
    if (confirm("Delete ?")){
        $imagefile = $(this).attr('id');
        $(this).closest("tr").remove(); 
//        $(this).closest("tr").hide(); 
    }
});