尝试删除 HTML 元素的父元素

Trying to delete the parent of a HTML element

本文关键字：元素 HTML 删除      更新时间：2023-09-26

我正在尝试使用JQuery删除HTML元素的父元素。单击事件涉及 span 元素，我正在尝试删除整个<tr>元素。

这是 DOM 树： 

{% for element in elements %}
 <tr>
  <th scope=row>Kate</th>
    <td><span id="update">Update</span></td>
    <td id="delete">Delete</td>              
  </tr>
{% endfor %}

这是尝试删除 td> span 的父元素的 JQuery 代码。

$('body').on('click','#delete',function(){
   var td = $(this).parent();
   $(td).parent().fadeOut('slow');
});

这段代码对我不起作用，所以请任何人帮忙。

您可以使用：

$(".your_child_element").unwrap()
首先不要

将id分配给delete按钮

{% for element in elements %}
 <tr>
  <th scope=row>Kate</th>
    <td><span id="update">Update</span></td>
    <td class="delete">Delete</td>              
  </tr>
{% endfor %}

现在将 click 事件处理程序分配给 delete 类

$('body').on('click','.delete',function(){
   $(this).parent().parent().fadeOut('slow', function(){
     $( this ).remove();
   });
});
相关文章：