使用 jQuery 进行内联编辑

【问题标题】：Inline editing with jQuery使用 jQuery 进行内联编辑
【发布时间】：2009-07-01 16:53:07
【问题描述】：

是否有关于使用 jQuery 进行“内联”编辑的指南？

我知道我在这里没有使用正确的术语，但基本上你点击一些文本，然后该区域会动态更改为带有提交按钮的可编辑输入框。

jQuery 是否有任何内置功能？

【问题讨论】：

标签： jquery

【解决方案1】：

据我所知，jQuery 没有任何内置功能，但请查看 Jeditable，这是一个 jQuery 插件。

【讨论】：

【解决方案2】：

你可以这样做：

<input type="text" value="someText" id="editableText" class="hideBorder"/>

$('#editableText').toggle(function() {
             $(this).removeClass('hideBorder');
          }, function() {
             $(this).addClass('hideBorder');
          });

.hideBorder {
 border: 0;
}

【讨论】：

【解决方案3】：

查看inedit jquery 插件

【讨论】：