javascript - jQuery: onclick, edit field and show+save into 一个变量

Question

现在我在没有 jQuery 的 Javascript 中有这个:

这是它:http://jsbin.com/ewihu3

它工作得很好，但我希望使用 jQuery 来使代码更简单和更短。

我想要做的事情与上面的例子完全一样，当你点击文本时，它应该变成一个输入字段。在模糊时，它应该显示您在框中编辑的内容，然后创建一个变量(如上面示例中的 e.value)，以便我稍后可以在 ajax 调用中发送它。

我如何在 jQuery 中执行此操作？

Answer 1

您可以使用 jEditable plugin

或者你也可以自己开始类似的事情，像这样:

$('span.editable').click(function() {
   var input = $('<input type="text" />', {
      value: $(this).text()
   }).click(function() {
      $.get('editsave.php?tekstny=' + $(this).value(), function(response) {
         var span = $('span', {
            text: response
         });
         $(this).replaceWith(span);
      });
   });
   $(this).replaceWith(input);
});