删除克隆元素的父容器（jQuery）

Question

到目前为止，我还能够将HTML元素克隆到另一个HTML元素。被克隆的HTML有一个删除链接（类.delete-inquiry），允许用户删除新克隆的HTML元素。

点击一个链接，我想删除整个克隆元素，但不删除具有相同类的其他元素（只删除包含该链接的元素）。

     $(".delete-inquiry").click(function(){
        $('this').parents('inquiry-content').remove();
     });

HTML：

.inquiry-content中的整个项目被复制，然后放入添加的查询DIV中。因此，我们可以在页面上同时具有多个具有相同结构的项目。每个项目都有自己的删除链接，只能删除相应的项目（它所在的.inquery-content）。

请帮帮我。

Answer 1

从''上下文中删除this并在类选择器之前添加.

$('.added-inquiry,.inquiry').on('click','.delete-inquiry',function(){
//-- Use event delegation since some of them are dynamically generated
    $(this).parents('.inquiry-content').remove();
    //-^-------------^------------------
});

Answer 2

$(".delete-inquiry").click(function(){
    $(this).parents('.inquiry-content').remove();
 });

Answer 3

$(".added-inquiry").on("click",".delete-inquiry", function(){
    $(this).parents(".inquiry-content").remove();
});