素材牛

jQuery表格内容编辑

 浏览:116次  评论:0次  发布时间:2018-01-11
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:2.1.1
代码描述:使用jQuery实现表格单元格双击编辑功能

主要原理:

1、找到td,然后绑定双击事件    

2、把之前的文本内容保存起来,然后再清空之前的内容,再追加input元素,保存,取消按钮    

3、给保存取消按钮绑定事件,(注意这里,会触发冒泡事件,所以要阻止冒泡事件)

4、我这里设置了一个num变量,目的是在表格编辑时只能有一个TD是可编辑的,不能同时出现多个!

PS:保存按钮提交数据时的路径 只是一个参考!使用时换成你自己的接口就行了!

讨论这个项目(0)回答他人问题或分享插件使用方法奖励牛币

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的积分余额:0 已下载次数:0
所需牛币:免费下载 开始下载
会员账号
会员密码
安全验证