jquery实现点击文字后变成文本框且可修改

 $(function() {
 //获取class为caname的元素
 $(".caname").click(function() {
 var td = $(this);
 var txt = td.text();
 var input = $("<input type='text'value='" + txt + "'/>");
 td.html(input);
 input.click(function() { return false; });
 //获取焦点
 input.trigger("focus");
 //文本框失去焦点后提交内容，重新变为文本
 input.blur(function() {
 var newtxt = $(this).val();
 //判断文本有没有修改
 if (newtxt != txt) {
 td.html(newtxt);
 /*
 *不需要使用数据库的这段可以不需要
 var caid = $.trim(td.prev().text());
 //ajax异步更改数据库,加参数date是解决缓存问题
 var url = "../common/Handler2.ashx?caname=" + newtxt + "&caid=" + caid + "&date=" + new Date();
 //使用get()方法打开一个一般处理程序，data接受返回的参数（在一般处理程序中返回参数的方法 context.Response.Write("要返回的参数");）
 //数据库的修改就在一般处理程序中完成
 $.get(url, function(data) {
 if(data=="1")
 {
 alert("该类别已存在！");
 td.html(txt);
 return;
 }
 alert(data);
 td.html(newtxt);
 });
 */
 }
 else
 {
 td.html(newtxt);
 }
 });
 });
 });