<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <mce:script type="text/javascript" src="css/jquery.js" mce_src="css/jquery.js"></mce:script> <mce:script type="text/javascript" language="javascript"><!-- $(document).ready(function(){ var tds = $("td"); tds.click(tdclick); }); function tdclick(){ //获取嗲你的表格 var td = $(this); //缓存表格文本 var text = td.text(); //清空表格文本 td.html(""); //创建一个文本框 (如果没有尖括号 就表示查找) var input = $("<input>"); //添加一个键盘事件 //这样的格式只是用了Jquery后的匿名函数 Javascript并不适用 input.keyup,input.(function(event){ if(event.keyCode == 13){//如果按的是回车 var input = $(this); var text = input.val();//取到文本 var td = input.parent();//获取它的父节点 td.html(text);//设置值为父节点的值 td.click(tdclick);//再次为td添加事件 } }); //添加vlaue属性 就是值 input.attr("value",text); //追加到表格中 td.append(input); //然选择的文本全部被选中 高亮显示 input.select(); //删除td的事件 td.unbind("click"); } // --></mce:script> <body> <table style="border:1px solid blue" mce_style="border:1px solid blue" cellpadding="0" CELLSPACING="100" border="1"> <tr> <td width="200">123</td> <td width="200">1244</td> </tr> </table> </body> </html>