Question

我试图使用JQuery删除HTML元素的父元素。 click事件涉及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＆gt;的父元素的JQuery代码。跨度。

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

这段代码永远不适合我，所以任何人都可以帮忙。

Answer 1

首先不要将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();
   });
});

Answer 2

您可以使用：

$(".your_child_element").unwrap()

试图删除HTML元素的父元素

2 个答案: