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 

相关文章： 建站之星安全性能如何？防护体系能否抵御黑客入侵？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  完全自定义免费建站平台：主题模板在线生成一站式服务  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  如何高效配置IIS服务器搭建网站？  宝塔Windows建站如何避免显示默认IIS页面？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  jQuery 常见小例汇总  免费网站制作appp,免费制作app哪个平台好？  如何用VPS主机快速搭建个人网站？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  重庆市网站制作公司,重庆招聘网站哪个好？  IOS倒计时设置UIButton标题title的抖动问题  教学网站制作软件,学习*后期制作的网站有哪些？  建站主机选择指南：服务器配置与SEO优化实战技巧  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  网站app免费制作软件,能免费看各大网站视频的手机app？  定制建站如何定义？其核心优势是什么？  如何制作网站标识牌,动态网站如何制作（教程）？  如何快速搭建FTP站点实现文件共享？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  如何通过服务器快速搭建网站？完整步骤解析  如何彻底删除建站之星生成的Banner？  建站OpenVZ教程与优化策略：配置指南与性能提升  油猴 教程,油猴搜脚本为什么会网页无法显示？  已有域名和空间如何快速搭建网站？  定制建站方案优化指南：企业官网开发与建站费用解析  C#怎么创建控制台应用 C# Console App项目创建方法  如何在VPS电脑上快速搭建网站？  制作网站的模板软件,网站怎么建设？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  公司网站的制作公司,企业网站制作基本流程有哪些？  如何在Windows 2008云服务器安全搭建网站？  湖北网站制作公司有哪些,湖北清能集团官网？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  广东专业制作网站有哪些,广东省能源集团有限公司官网？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  C#如何序列化对象为XML XmlSerializer用法  ,网站推广常用方法？  建设网站制作价格,怎样建立自己的公司网站？  如何彻底卸载建站之星软件？  网站代码制作软件有哪些,如何生成自己网站的代码？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  建站之星如何通过成品分离优化网站效率？  如何制作算命网站,怎么注册算命网站？  如何在景安服务器上快速搭建个人网站？