Jquery嵌套添加/删除

时间:2014-12-08 03:10:34

标签: javascript jquery json

有人能指出我正确的方向,为顶级和子列表添加/删除功能,最终会产生序列化输出吗?

示例:

添加问题

问题1 |删除

Answer 1 | Delete
Answer 2 | Delete
Add Answer

问题2 |删除

Answer 1 | Delete
Answer 2 | Delete
Add Answer

提前感谢您的帮助

1 个答案:

答案 0 :(得分:1)

DEMO HERE

使用此代码,您可以理解如何使用此代码的概念..使用.remove()删除元素,但只需确保选择器..并使用.append将数据添加到您想要的元素

in 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>');
    });