Question

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

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));
            }
        });
});

我用这个小提琴。但输入值未更改为文本。请看我更新的小提琴。

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());
});

Answer 2

如果您只想在点击时将文本转换为输入，则可以使用contenteditable="true" html属性。你不需要这样的任何JS。

<p contenteditable="true">my text</p>

http://jsfiddle.net/9Ec5C/

Jquery Onclick文本到文本字段

2 个答案: