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刪除克隆的元素點擊

回答

相關問題