Javascript jQuery在单击时删除克隆的元素

我有一个脚本，可以在单击时删除重复的表单。但是当你点击删除时，我只想删除被克隆的表单。我相信我需要使用

$this

，但不确定如何使用

jQuery

$(".remove").click(function() {
    $('.duplicate').remove();
});

<div class="duplicate">
    <p>Form Duplicate</p>
    <a href="#" class="add">Add Guest</a> | <a href="#" class="remove">Remove </a>
</div>
<div class="duplicate">
    <p>Form Duplicate</p>
    <a href="#" class="add">Add Guest</a> | <a href="#" class="remove">Remove </a>
</div>

HTML

$(".remove").click(function() {
    $('.duplicate').remove();
});

<div class="duplicate">
    <p>Form Duplicate</p>
    <a href="#" class="add">Add Guest</a> | <a href="#" class="remove">Remove </a>
</div>
<div class="duplicate">
    <p>Form Duplicate</p>
    <a href="#" class="add">Add Guest</a> | <a href="#" class="remove">Remove </a>
</div>

表格副本

| 
表格副本

| 

这里有一个实时预览：

谢谢

只要使用，不要忘记：

---

另外，不要忘记，每次添加新副本时，都需要重新绑定单击。如果您将选择器保留为$（“.remove”），这可能会很昂贵，因此您应该将其范围更改为您创建的任何内容。我已将上述代码添加到实时预览中，但这不起任何作用。@awbergs这取决于克隆的方式。可以保留绑定的事件。这就是我的意思：每次克隆项目时，都需要绑定删除event@awbergs我猜您不知道如何使用jQuery克隆项目

：）

。看看这个例子：。下面是我对[remove clone][1][1]的回答：