如何使用jquery删除div？

I have this code:

我有这个代码：

   <div class="container">
    <div class="row">
      <div class="col">
        <a href="1" class="delete_activity">x</a> 
      </div>
    </div>  
    <div class="row">
      <div class="col">
        <a href="2" class="delete_activity">x</a> 
      </div>
    </div>  
    <div class="row">
      <div class="col">
        <a href="3" class="delete_activity">x</a> 
      </div>
    </div>  
  </div>

After the click on "delete_activity" I need to remove the "row" div that have that link. In the case the user click on X (href=1) i need to remove:

单击“delete_activity”后，我需要删除具有该链接的“row”div。在用户点击X（href = 1）的情况下，我需要删除：

    <div class="row">
      <div class="col">
        <a href="1" class="delete_activity">x</a> 
      </div>
    </div>

How can I do it with JQuery?

我怎么能用JQuery做到这一点？

5 个解决方案

#1

The best way to do this is use closest().

最好的方法是使用nearest（）。

$('.delete_activity').click(function(){
    $(this).closest('.row').remove();
});

Don't use parents (unless thats the behaviour you want).

不要使用父母（除非那是你想要的行为）。

closest will only remove the first element found up the DOM tree.

nearest将仅删除在DOM树中找到的第一个元素。

parents will remove ALL elements matched up the DOM tree.

父母将删除与DOM树匹配的所有元素。

#2

$('.delete_activity').click(function(){
    $(this).parents('.row').remove();
});

Documentation: http://api.jquery.com/remove/

文档：http：//api.jquery.com/remove/

#3

$(".delete_activity").click(function(event) {
    event.preventDefault()
    $(this).parents('.row').remove();
});

#4

Try the following

请尝试以下方法

$('.delete_activity').click(function (e) { 
  $(this).parents('div.row').remove();
  e.preventDefault();
});

#5

$('.delete_activity').click(function(){
    $(this).parents('row:first').remove();
});

Use first to get the first parent above!

首先使用以获得上面的第一个父母！

#1