效果如下所示：

点击修改时把想修改的变成投入框

实现代码如下：根据自己实际情况修改即可。

脚本类型='text/javascript' $(文档)。打开('点击','。'xiu '，function(){ old_val=$(this).html()；//$(这个)。父项()。html(' input type= ' text ' value=' old _ val ' class=' input ' ')；old_text=$(' .文本')。html()；var obj=$(this).父项()。parent()；var id=obj。attr(' qid ')；//id var name=obj.find(' .名称')。html()；//姓名var img=obj.find ' .img ').val()；//照片var age=obj.find ' .年龄")。html()；//年龄var num=obj.find ' .数字' .html()；//球队var text=obj.find(' .文本')。html()；//简介obj.find ' .名称')。html(“”输入类型=“文本”值=' name ' ')//obj。查找(' .img ').html(“”输入类型=“文件”值=' img ' ')obj。查找(' .年龄")。html(“”输入类型=“文本”值=“年龄”)。查找(' .数字' .html(“”输入类型=“文本”值=' num ' ')obj。查找(' .文本')。html(“”输入类型=“文本”值=' text ' ')$(this).attr('class '，' Gai ')；$(这个)。html(")保存');//var val=$(this).val()；//获取修改后的值//$.ajax({ //type:'post '，//URL : ' { : URL '(/index/background/update ')} '，//data:{ //id:id，//val:val //}，//dataType:'json '，//success 3360 function(msg){///alert(msg)//if(msg==1){//obj。parent().html(' span class=' name ' ' val '/span ')//} else {//obj。parent().html(' span class=' name ' ' old _ val '/span ')//}/}/}/})} $(文档)。打开('点击','。gai '，function(){ var obj=$(this).父项()。parent()；var id=obj。attr(' qid ')；//获取要修改内容的id var name=obj.find(' .名称')。儿童()。val()；//姓名var age=obj.find ' .年龄")。儿童()。val()；//年龄var num=obj.find ' .数字' .儿童()。val()；//球队var text=obj.find(' .文本')。儿童()。val()；//简介//警报(姓名年龄数字文本)$。ajax({ type:'post '，URL : ' { : URL(' background/update ')} ')，data:{ id:id，name:name，age:age，num:num，text:text，})，success 3360 function(e){ obj。查找(' .名称')。html(name) obj.find(' .年龄")。html(age) obj.find(' .数字' .html(num) obj.find(' .文本')。html(text) } }) $(this).attr('class '，' xiu ')；$(这个)。html(")修改');})/脚本控制器里写：

//修改public function update(){//echo 1111；死去；$ id=$ _ POST[' id ']；$ data=$ _ POST//$ name=$ _ POST[' name ']；//$ age=$ _ POST[' age ']；//$ num=$ _ POST[' num ']；//$ text=$ _ POST[' text ']；$ RES=Db(' qname ')-其中(' id '，$ id)-更新($ data)；if($ RES){ echo ' 11111 '；} } 以上这篇tp5修改（实现即点即改)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。