jQuery删除克隆的元素点击

我有一个脚本，点击时删除重复的表单。但是当你点击删除时，我只想删除被克隆的表单。我相信我需要使用$this，但不知道如何？jQuery删除克隆的元素点击

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

谢谢！

来源

2013-03-21 Brent

这里是我的答案[删除克隆] [1] [1]：HTTP：//计算器。 com/questions/6985899/extends -clone-table-rows-functionality-changing-row-id – 2013-10-15 06:08:41

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

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

来源

2013-03-21 13:58:50 VisioN

另外不要忘记，每次添加新副本时都需要重新绑定点击。如果将选择器保持为$（“。remove”），则这会变得很贵，所以您应该将其更改为任何您创建的范围。 – awbergs 2013-03-21 14:00:58

我已经将上面的代码添加到实时预览中，但这不适用于任何想法？ – Brent 2013-03-21 14:01:53

@awbergs这取决于如何克隆完成。可以保留绑定事件。 – VisioN 2013-03-21 14:03:17

jQuery删除克隆的元素点击

回答

相关问题