JQuery Onclick текст в текстовое поле

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/