Удалить родительский контейнер клонированного элемента (jQuery)

Question

До сих пор я могу клонировать элемент HTML в другой элемент HTML. Клонируемый HTML имеет ссылку удаления (класс .delete-запрос), которая должна позволить пользователю удалить недавно клонированный элемент HTML.

С помощью щелчка по ссылке я хотел бы удалить весь этот клонированный элемент, но не другие элементы, имеющие один и тот же класс (удалите только тот, который содержит ссылку).

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

HTML:

Весь товар в .inquiry-контента, копируется, а затем помещает в добавленной-запрос 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(); 
});