有人能指出我正确的方向,为顶级和子列表添加/删除功能,最终会产生序列化输出吗?
示例:
添加问题
问题1 |删除
Answer 1 | Delete
Answer 2 | Delete
Add Answer
问题2 |删除
Answer 1 | Delete
Answer 2 | Delete
Add Answer
提前感谢您的帮助
答案 0 :(得分:1)
使用此代码,您可以理解如何使用此代码的概念..使用.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>');
});