javascript - 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();
});