jQuery在点击时删除克隆元素

Question

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

jQuery

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

HTML

<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>

这是一个实时预览：http://www.waterfrontexeter.co.uk/preordernew/。

谢谢！

Answer 1

只需使用closest()，不要忘记preventDefault()：

$(".remove").click(function(e) {
    $(this).closest(".duplicate").remove();
    e.preventDefault();
});