jquery - 在 jQuery 中删除父

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 是您情况下 anchor 标记的祖先，因此请使用.closest()以获得想要的结果。

尝试，

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

你的代码，

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