$(".tables").on("dblclick","td",function(){ if($(this).children("input").length>0){ return false; } var tdD" />
当前位置:首页 > 日记 > 正文

jQuery 实现双击编辑表格功能

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 实现双击编辑表格功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

word音乐符号怎么打 音乐符号大全

word音乐符号怎么打 音乐符号大全

音乐,符号,大全,电脑软件,word,有时输入文字时会用到音乐符号,但是音乐符号怎么打呢?小编也不是专业的学音乐的人士,只找到了两种比较简单并可行的方法供大家使用:1.复制粘贴音乐符号:? ? ? ? ∮ ※ &there4; ∵? ∽ ?? ? ? ? &para; ‖? ? &se…

php脚本运行时的超时机制详解

php脚本运行时的超时机制详解

脚本,运行,机制,超时,详解,在做php开发的时候,经常会设置max_input_time、max_execution_time,用来控制脚本的超时时间。但却从来没有思考过背后的原理。趁着这两天有空,研究一下这个问题。超时配置php的ini配置如何起作用,这是一个老生常谈的…

引导头设置跨行无效解

引导头设置跨行无效解

跨行,无效,设置,电脑软件,最近,一种报表界面的形式是自举的形式。它不需要报告的功能。它只需要预览、行和行,不需要根据数据量进行更改。如果有一个更好的框架,欢迎推荐。发现十字线属性的行标题的设置是invalid.html如下: 功能分类 二列 第…

详解Vuex中mapState的具体用法

详解Vuex中mapState的具体用法

详解,电脑软件,Vuex,mapState,今天使用Vuex的时候遇到一个坑,也可以说是自己的无知吧,折腾了好久,终于发现自己代码的错误了。真是天雷滚滚~~~~~~index.jsimport Vue from 'vue'import Vuex from 'vuex'import mutations from './mutatio…

ps打造音乐类文字人像海报

ps打造音乐类文字人像海报

音乐,文字,人像,海报,电脑软件,   ps除了可以处理图像之外,它的文字设计功能也是非常不错的,今天的这个教程文字人像的制作思路并不复杂,大致分为两个步骤:首先制作文字背景,文字可以随意排列组合。然后加入人像,并用文字选区复制人…

详细解释最透明的CSS透明度和IE版

详细解释最透明的CSS透明度和IE版

过滤器,透明,解释,透明度,版本,CSS3透明度透明度属性必须被广泛使用,作为浏览器不支持CSS3如何做透明处理,让浏览器的结果。这估计谁都会写,但涉及到不同的特定的语法意义和过滤写的各种版本,很多人都是不准确的,在丹尼尔我也问了很多组,说的不是…

PS怎样去除脸上的痘痘

PS怎样去除脸上的痘痘

痘痘,脸上,电脑软件,PS,画像上有许多天花。如何做PS图象处理软件的刷机工具可以很容易做到的。让我们从小学习编辑器。 去除面部痘痘的PS教程 效果说明:打开图片如图所示,可以看到人物脸上有小痘痘,影响外观。 的操作为例,详细说明如何使用各…

如何给Word2003文档中插入带有引出

如何给Word2003文档中插入带有引出

文档,标注,矩形,图片,电脑软件,  word文档中图片为了能够给用户更好的体验效果,给予标记。给图片插入创建带有引出线的矩形标注,此方法相对来说更加直观一些。以下是小编为您带来的关于给Word2003文档中图片插入创建带有引出线的矩形标注,希…

详解使用JS如何制作简单的ASCII图

详解使用JS如何制作简单的ASCII图

详解,简单,电脑软件,JS,ASCII,ASCII图在终端执行各种命令的时候经常会看到一些终端里显示出来的"图片",远看仿佛一张图,近看则是一个个的 ASCII码,它们 大致长这样子而今天我们要做的则是用JS把一张给定的图片转换成这种用ASCII字符组成的“…

电脑如何升级为英雄联盟游戏

电脑如何升级为英雄联盟游戏

英雄联盟,升级为,游戏,电脑软件,问题: 我的旧电脑,9300ge e5200处理器,显卡,2GB内存,玩英雄联盟很困,只20fps。后来,它改变了G210显卡帧速度增加到30fps,游戏仍不顺畅。如何升级为英雄联盟 答案uff1a 根据计算机的硬件平台,升级处理器没有必要,因为…

mysql5.7安装和配置教程

mysql5.7安装和配置教程

安装,教程,配置,电脑软件,本文共享mysql安装配置教程,供您参考,详情如下 1。配置MySQL数据库 1、解压MySQL的绿色版,并改名为mysql5.7,如下 相比于图5.6以前的版本中,更少的数据目录(数据存储)和my-default.ini文件(配置信息) 两。安装服务 1。运…

Service Unavailable 是什么意思?Se

Service Unavailable 是什么意思?Se

解决方法,原因,电脑软件,Service,Unavailable,一、 如果出现“Service Unavailable”的提示,刷新几下又可以访问。   出现这种情况是由于 网站超过了iis限制造成的由于2003的操作系统在提示IIS过多时并非像2000系统提示“链接人数过多”,而…