博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 在 table 中修改某行值
阅读量:4359 次
发布时间:2019-06-07

本文共 1786 字,大约阅读时间需要 5 分钟。

修改 table 中某行的的方法步骤如下:

1、选择要修改的行,事件触发,比如我的 双击某行时修改

2、将要修改的行,替换为input,原先的列中的值,需要放到对应的input中作为默认值

3、修改完成后,事件触发将其还原,比如我的 如果鼠标移走,不在该行上时触发

 

$(function(){            $('tr.modifyType').dblclick(function(){      var oldid = $(this).find(".id").val().replace(/[\r\n\s]/g,"");                  var oldkeyCode= $(this).find(".keyCode").html().replace(/[\r\n\s]/g,"");               var oldkeyName= $(this).find(".keyName").html().replace(/[\r\n\s]/g,"");               var oldkeyType= $(this).find(".keyType").html().replace(/[\r\n\s]/g,"");                       var olddefaultValue= $(this).find(".defaultValue").html().replace(/[\r\n\s]/g,"");        var type = '';      var str = ''+oldkeyCode      +''+type      +'';          $(this).html(str);              }).hover(function(){            $(this).addClass('keyhover');        },function(){          if($("#isDblFlag").length>0)          {              var thisid = $(this).find(".id").val();                  var keyCode= $(this).find(".keyCode").html();               var keyName= $(this).find(".keyName").val();               var keyType= $(this).find(".keyType").val();                       var defaultValue= $(this).find(".defaultValue").val();                                              str = ''+keyCode              +''+keyName              +''+keyType              +''+defaultValue+'';              $(this).html(str);          }           $(this).removeClass('keyhover');        });
});
 

 

对应的html页面

 

<style>

.keyhover
{
background-color:green
}
</style>

关键字 关键字含义 类型 默认值
keyCode keyName keyType defaultValue

 

转载于:https://www.cnblogs.com/panie2015/p/5546491.html

你可能感兴趣的文章
main函数的参数和返回值
查看>>
js的键盘事件监控回车,然后禁用当前input编辑,创建的input,但是如下代码只能监控到一次,第二次不能监控到。...
查看>>
【转帖】4412ARM开发板学习笔记(一)
查看>>
数据库中的事务控制语句
查看>>
课堂作业——找1
查看>>
Mac下安装与配置Go语言开发环境
查看>>
组件化网页开发 3步骤 / 20门课
查看>>
LeetCode 896. 单调数列(Monotonic Array)
查看>>
HDU 6318 - Swaps and Inversions [2018杭电多校联赛第二场 J](离散化+逆序对)
查看>>
千万级高性能长连接网关揭秘
查看>>
shell编程基础(5)---循环指令
查看>>
团队贡献分分配
查看>>
dumpsys, traceView调试命令
查看>>
Linux自己主动挂载第二块硬盘分区
查看>>
<html>
查看>>
Ajax请求设置csrf_token
查看>>
用VMware 8安装Ubuntu 12.04详细过程(图解)
查看>>
在浏览器输入网址,Enter之后发生的事情
查看>>
js和jquery修改背景颜色的区别
查看>>
使用AD画PCB的技能总结(纯属个人笔记,请大神多多指导)
查看>>