jquery移除父级元素

在实际的前端开发当中我们常常会遇到需要移除某个元素的情况，而如果想要同时移除其父级元素，那么该怎么做呢？这时候我们就可以使用jQuery提供的remove()方法来实现。

remove()方法可以移除DOM树中的元素，包括它的子元素和所有的事件等。

但是如果我们只是想移除其父级元素，那么就需要先选中该元素的父级元素，然后再调用remove()方法即可。下面是一个示例代码：

$(function(){
  $('.btn').on('click',function(){
    $(this).parent().remove();
  });
});

这段代码中，我们首先使用了jQuery的选择器选中了一个按钮元素，并给它绑定了一个点击事件。在点击事件的回调函数中，我们使用了parent()方法来选中按钮元素的父级元素，然后再调用remove()方法将其从DOM树中移除。

需要注意的是，如果我们只是想隐藏父级元素而不是移除它，可以使用hide()方法。

$(function(){
  $('.btn').on('click',function(){
    $(this).parent().hide();
  });
});

这段代码中，我们同样使用了parent()方法来选中按钮元素的父级元素，然后调用了hide()方法将其隐藏。与remove()方法不同的是，hide()方法只是将元素从页面上隐藏起来，但并没有从DOM树中移除。