php - Jquery 删除父级或父级直到特定的类名

Question

我正在尝试删除如下所示的元素的主要父级，我想删除名为“well”的类，但我无法直接定位它，因为它位于 PHP do while 循环内，所以如果我说 $('.well').remove() 所有类名为“well”的元素都将被删除。

<div class='well'>   
  <div class='container'>
     <div class='save-cl'>
         <button class='accept-call'> Accept</button>
      </div>
   </div>
</div>

这是我的 jquery，当我使用父级时，类 .save-cl 被删除。

   $(document).on('click','.accept-call',function(){

           console.log("Accept was called");

             $(this).parent().remove();

});

当我使用parents时，它会删除所有元素，甚至是HTML，因此一切都是白色的，有没有办法调用$(this).parents，但将其限制到特定的类。

Answer 1

使用closest()方法来获取与选择器或元素匹配的最近祖先。

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