Jquery嵌套添加/刪除

Question

有人能指出我有正確的方向來添加/刪除頂級和子列表的功能，可以在最後產生一個序列化的輸出？

例子：

添加問題

問題1 |刪除

Answer 1 | Delete 
Answer 2 | Delete 
Add Answer 

問題2 |刪除

Answer 1 | Delete 
Answer 2 | Delete 
Add Answer 

在此先感謝您的幫助

Answer 1

DEMO HERE

有了這個代碼，你可以瞭解如何使這個概念..使用一個.remove（）刪除元素，但只要確定選擇的..和使用.append將數據添加到元素你想

在HTML：

<div class="ShowDivs"> 
    <div><a href="#" class="delete">Delete</a></div> 
</div> 
<a href="#" class="add">Add</a> 

在CSS

.ShowDivs > div{ 
    background: yellow; 
    margin: 5px; 
    overflow: hidden; 
} 
.ShowDivs > div > a{ 
    float:right; 
    margin-right: 50px; 
} 

在JS

$(document).ready(function(){ 
    }).on('click','.delete',function(){ 
     $(this).parent().remove(); 
    }).on('click','.add',function(){ 
     $('.ShowDivs').append('<div><a href="#" class="delete">Delete</a></div>'); 
    });