<script type="text/javascript">
$(function(){
$("tbody>tr>td").dblclick(function(){
var inval=$(this).html();//获取内容
var keyword=$(this).attr("key");//获取要更新的字段
var upid=$(this).parents().attr("index");//获取更新哪一行
$(this).html("<input id=’edit"+keyword+upid+"’ value=’"+inval+"’/>");//内容换成input框并保留原来内容
$("#edit"+keyword+upid).focus().live("blur",function(){//获取input标签添加动作
var upval=$(this).val();//获取新输入的内容
$(this).parents("td").html(upval);//把新输入的内容显示在td表格内
$.post("post.php",{i:upid,k:keyword,v:upval});//异步传送数据
});//live方法类似bind
});
});
</script>
具体代码打包双击编辑内容异步更新
附:参考PHP100视频制作