编辑功能按钮和取消编辑按钮功能

Question

因为初学，我找了一个小项目自己研究。

给这块显示区域添加纠错和取消按钮。当点击编辑按钮时，元素变成文本框形式，可编辑状态，然后通过ajax传给服务器，暂时还完成不了。当点击取消按钮后，回到最初的显示状态。就算在编辑状态时有文字修改时也恢复原始状态。

应该用怎样的思路去做？我最初想把内容输出给不同的div，然后通过隐藏，显示的方式修改，但是调试不成功。有没有高手给讲讲正确的思路，但是因为拿了别人的一套项目，所以里面好多东西看不懂。。

上图。。

Answer 1

点编辑的时候，把当前的内容存到一个变量里啊然后如果点的是取消编辑，那么这个地方的内容还是原来的变量如果点的是确定，那么把变量重新改成新的内容