jQuery单击单元格以更改为文本框

我一直在寻找谷歌和StackOverflow，但还没有找到我现在所追求的东西。 如果有人能够指出我正确的方向，这将是伟大的。

我有一个有5行的表

  123456 Address 1 10th Feb 2011 (10:43am) 
 
Awaiting Reply
 
Direct
 
  (Notes Text) 1        

我要做的是能够通过单击它来编辑表格单元格中的

(Notes Text)

值，使其更改为输入框（当前显示单元格中的内容），以便它可以通过单击它来再次编辑和保存。

我有一个（非常）基本的jQuery知识，但使用PHP / MySQL的更新方面很好。

任何帮助都会很棒。

谢谢

Answer 1

一种可能的方式：

 $('td:contains("(Notes Text)")').click( function() { var text = $(this).text(); $(this).text(''); $('').appendTo($(this)).val(text).select().blur( function() { var newText = $(this).val(); $(this).parent().text(newText).find('textarea').remove(); }); }); 

  
 
 
 
  
 
123456
 
Address 1
 
10th Feb 2011 (10:43am)
 
 
 
Awaiting Reply
 
Direct
 
 
 
(Notes Text)
 
1
 
             
 
 
  

Answer 2

看看一些编辑就地插件。 例如：

• jQuery可编辑
• Jeditable

Answer 3

 $(document).ready(function(){ $("td").bind('click', function(oTd){ var c = $(oTD).text(); $(oTd).empty(); $(oTd).append('"); )}; });