双击文本框，可编辑状态，当鼠标移走后

// JavaScript Document
$(function() { //获取class为caname的元素 $(".caname").click(function() { var td = $(this); var txt = td.text(); var input = $("<input type='text'value='" + txt + "' style='width:23px;'/>"); 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 wid = $.trim(td.prev().text()); var database=$("#database").val(); $.ajax({ type:"POST", url:"/admin.php/Index/modifypx", data:{id:wid,paixu:newtxt,database:database}, dataType:"json", success:function(data){ if(data ==1){ $.gritter.add({ // (string | mandatory) the heading of the notification title: '修改排序成功', // (string | mandatory) the text inside the notification text: ' ', time: 1000 }); window.location.reload(); }else{ $.gritter.add({ // (string | mandatory) the heading of the notification title: '修改排序失败', // (string | mandatory) the text inside the notification text: ' ', time: 1000 }); } } }); } else { td.html(newtxt); } }); });});

来自为知笔记(Wiz)