javascript - Jquery Onclick 文本到文本字段

Question

Onclick 我想将文本更改为输入字段。如果我更改输入字段中的值并单击任意位置，返回到文本。我找到了这个 fiddle 。

http://jsfiddle.net/davidThomas/767y4/8/

$('#tbl').on('click','.xx',function() {
    $(this).siblings().each(
        function(){
            if ($(this).find('input').length){
                $(this).text($(this).find('input').val());
            }
            else {
                var t = $(this).text();
                $(this).text('').append($('<input />',{'value' : t}).val(t));
            }
        });
});

我用过这个 fiddle 。但输入值未更改为文本。请查看我更新的 fiddle 。

http://jsfiddle.net/5Ach3/

如何实现？

Answer 1

检查这个 Demo Fiddle

$('#tbl').on('click','.xx',function() {

         var t = $(this).text();
         $(this).text('').append($('<input />',{'value' : t}));
         $('input').focus();


});

$('#tbl').on('blur','input',function() {
    $(this).parent().text($(this).val());
});