求一段jquery的js代码

Question

要求是:点击表格中的某个td,这个td里面的内容变成可编辑的状态,编辑完之后,焦点离开就变回文本格式.

Answer 1

$("#tb").find("td").bind("click",function(){
var ip = $(this).find("input");
if(ip.length>0) return;
var text =$(this).text();
$(this).html("<input type='text' value='"+text+"'></input>");
$(this).find("input").focus();
$(this).find("input").blur(function(){
$(this).parent().html(this.value);
});
});<table id="tb">
<tr>
<td>abcd</td>
</tr>
</table>
基本满足条件,高手指点
                

Answer 2

<table>
<tr>
<td style="width:100px;height:30px;border:1px red solid" onclick="editme(this)">

</td>
</tr>
</table><script>
function editme(el){
var input=document.createElement('input');
input.onblur=function(){
el.innerHTML=input.value;
}
input.type="text"
input.value=el.innerHTML.replace(/\s*/g,"");
el.innerHTML="";
el.appendChild(input);
input.focus();

} </script>