I have a script that removes the duplicated form when clicked. But when you hit remove I want to only remove the form the was cloned. I believe i need to use $this but not sure how?

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>

Here's a live preview: /.

Thanks!

I have a script that removes the duplicated form when clicked. But when you hit remove I want to only remove the form the was cloned. I believe i need to use $this but not sure how?

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>

Here's a live preview: http://www.waterfrontexeter.co.uk/preordernew/.

Thanks!

• javascript
• jquery
• html

• Here's my answer for [remove clone][1] [1]: stackoverflow./questions/6985899/… – Ravi Kant Commented Oct 15, 2013 at 6:08

1 Answer 1

Just use closest() and don't forget about preventDefault():

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