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

本文共 1712 字,大约阅读时间需要 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

 

转载地址:http://eokyx.baihongyu.com/

你可能感兴趣的文章
版本控制、Git及其在企业中的应用
查看>>
Ruby开发者已可通过Fog管理Microsoft Azure服务
查看>>
《Doing It - Management 3.0 Experiences》作者访谈
查看>>
基于 Bitbucket Pipeline + Amazon S3 的自动化运维体系
查看>>
Hoshin Kanri在丰田的应用
查看>>
又拍云沈志华:如何打造一款安全的App
查看>>
Nginx 学习书单整理
查看>>
克服大数据集群的挑战
查看>>
PostgreSQL并发控制(MVCC, 事务,事务隔离级别)
查看>>
12月19日一周一次【Python基础语法】
查看>>
DM***的第二阶段OSPF
查看>>
C# 列表 - List
查看>>
python socket编程
查看>>
20180702搭建青岛RAC记录
查看>>
安装部署TIDB分布式数据库
查看>>
Spring Security OAuth 实现OAuth 2.0 授权
查看>>
linux文件及简单命令学习
查看>>
dubbo源码分析-架构
查看>>
新 Terraform 提供商: Oracle OCI, Brightbox, RightScale
查看>>
6套毕业设计PPT模板拯救你的毕业答辩
查看>>