Jquery 如何使html页面在单击按钮时可编辑？

我正在使用Play2.1.0并使用jquery设计html页面。我正在寻找的功能，当用户第一次登录到我的网站，用户界面应该在只读模式。当用户单击“编辑”按钮时，网页上的某些字段将一次可编辑。编辑完成后，用户可以保存更改，网页将再次变为只读

我搜索了一些jquery插件，但是所有的插件都以不同的方式工作。它们使特定的html元素在jquery事件上可编辑。如果用户仅单击/双击某个文本框，则该文本框将变为可编辑。类似于表插件的东西

有没有符合我要求的插件？或者是否有其他方法来实现所需的功能

编辑

通过使用单独的文件进行编辑和查看，我解决了这个问题。我在会话中维护一个变量，并根据其值呈现编辑或查看页面。

<script type="text/javascript">
$(function() {
  $('#EditButton').click(function(){
 $('.input').show();
  $('.label').hide();
 });

 </script>

 <li class="label"> <label>example</label></li>
 <li class="input"> <input type="text" value="example" /></li>

$（函数（）{
$（“#编辑按钮”）。单击（函数（）{
$（'.input'）.show（）；
$（'.label'）.hide（）；
});
示例

您能不能不只是搜索所有输入并使其像

$（'input，select，textarea'）那样可编辑。removeAttr（'disabled'））

或类似的东西？默认情况下，我不能禁用所有元素，因为在读取模式下，所有元素（如输入框、选择选项、文本区）都应该像标签一样。您要求的是插件满足完整的业务需求。不太可能有插件。您可以使用你提到的插件，并在此基础上构建。