jQuery 实现双击编辑表格功能

先给大家展示下效果图：

下面用简单方法实现的简单表格编辑功能:

简单的HTML代码略过了,下面是js实现过程

JavaScript:

<span style="font-size:18px;">$(".tables").on("dblclick","td",function(){ 
 if($(this).children("input").length>0){ 
  return false; 
 } 
 var tdDom = $(this); 
 //保存初始值 
 var tdPreText = $(this).text(); 
 //给td设置宽度和给input设置宽度并赋值 
 $(this).width(100).html("<input type='text'>").find("input").width(100).val(tdPreText); 
 //失去焦点的时候重新赋值 
 var inputDom = $(this).find("input"); 
 inputDom.blur(function(){ 
  var newText = $(this).val(); 
  $(this).remove(); 
  tdDom.text(newText); 
 });</span> 

以上所述是小编给大家介绍的jQuery 实现双击编辑表格功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # 双击编辑表格  # jQuery实现可编辑表格并生成json结果(实例代码)  # jQuery实现的可编辑表格完整实例  # 基于Bootstrap使用jQuery实现简单可编辑表格  # BootStrap和jQuery相结合实现可编辑表格  # jQuery+PHP实现可编辑表格字段内容并实时保存  # jQuery(非HTML5)可编辑表格实现代码  # 用Jquery实现可编辑表格并用AJAX提交到服务器修改数据  # jQuery一步一步实现跨浏览器的可编辑表格  # 支持IE、Firefox、Safari、Chrome、Opera  # 基于jQuery实现可编辑的表格  # 小编  # 过了  # 在此  # 给大家  # 双击  # 所述  # 给我留言  # 感谢大家  # 先给  # 疑问请  # 有任何  # font  # span  # lt  # brush  # size  # tables  # dblclick  # gt  # px 

相关文章： Swift中swift中的switch 语句  大型企业网站制作流程,做网站需要注册公司吗？  制作网站的软件免费下载,免费制作app哪个平台好？  C++中引用和指针有什么区别？（代码说明）  如何在阿里云完成域名注册与建站？  如何选择美橙互联多站合一建站方案？  如何高效利用200m空间完成建站？  TestNG的testng.xml配置文件怎么写  定制建站流程步骤详解：一站式方案设计与开发指南  建站主机选哪家性价比最高？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  专业商城网站制作公司有哪些,pi商城官网是哪个？  PHP正则匹配日期和时间(时间戳转换)的实例代码  建站主机系统SEO优化与智能配置核心关键词操作指南  如何通过可视化优化提升建站效果？  如何确保FTP站点访问权限与数据传输安全？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  如何在腾讯云服务器上快速搭建个人网站？  建站主机服务器选购指南：轻量应用与VPS配置解析  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何快速查询域名建站关键信息？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  建站之星安装需要哪些步骤及注意事项？  文字头像制作网站推荐软件,醒图能自动配文字吗？  c# 服务器GC和工作站GC的区别和设置  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  黑客如何通过漏洞一步步攻陷网站服务器？  如何零成本快速生成个人自助网站？  如何用5美元大硬盘VPS安全高效搭建个人网站？  浅谈Javascript中的Label语句  定制建站模板如何实现SEO优化与智能系统配置？18字教程  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  ppt制作免费网站有哪些,ppt模板免费下载网站？  网站制作公司排行榜,四大门户网站排名？  制作网站怎么制作,*游戏网站怎么搭建？  制作电商网页,电商供应链怎么做？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  宝塔建站无法访问？如何排查配置与端口问题？  如何零基础开发自助建站系统？完整教程解析  如何通过VPS建站实现广告与增值服务盈利？  西安大型网站制作公司,西安招聘网站最好的是哪个？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  如何基于PHP生成高效IDC网络公司建站源码？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  建站之星后台密码遗忘？如何快速找回？  广州营销型建站服务商推荐：技术优势与SEO优化解析  北京企业网站设计制作公司,北京铁路集团官方网站？  常州自助建站费用包含哪些项目？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？