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