javascript - jquery点击取消按钮时怎么删除jquery动态添加的数据，留下原来的？

Question

如图，这是一个弹框，红圈内容适jquery动态添加的东西，怎么在保存或者取消后，删除的动态添加的东西，留下原来的，保证下次点击出弹框时还是初始样子

Answer 1

1、点击保存，记录数据的情况：在点击保存时所有内容向服务器提交，页面显示数据，点取消时直接return不做任何操作，或者是刷新回到之前状态
2、点击取消或保存都不会保存之前数据：不像后台传数据应该就可以了，但是这样好像并没有什么意

Answer 2

不知道你用的什么框架，一些jQuery框架是有类似dialog.clear()的方法的，如果只是用jQuery实现的话，可以将弹框的页面做成一个template，这个template中的页面就是最初什么都没有动态添加的页面，然后下次点击弹框再次render之前的template

Answer 3

最简单的方式，用form把整个表格包起来，然后将取消处理成<input type="reset"/>点击的话都会回到初始值了。

Answer 4

简单粗暴，remove掉

Answer 5

看了一下，其实你这个需求不是很复杂，我分析了一下，应该以下逻辑：
1、点击+号按钮，jq添加一行html，并给一个class，只要是新添的，加统一的class，方便删除
2、新添加行的文本框失去焦点的时候存储数据
3、点击保存按钮，ajax提交 保存 的数据
4、点击取消按钮，保存的数据晴空，添加的行移除

so，根据你的问题，最好的解决方法就是：给新添的元素加上统一class，取消的时候，$('.cls').remove();就搞定了。如果你存储了数据，建议把数据也清空以下。