jquery实现双击修改td内容的方法
2016-04-15 16:29
706 查看
$(function(){
$("#table").find("tr:eq(1)").find("td:lt(3):gt(0)").bind("dblclick",function(){
var input="<input type='text' id='temp' size='20'value="+$(this).text()+" >";
$(this).text("");
$(this).append(input);
$("input#temp").focus();
$("input").blur(function(){
if($(this).val()==""){
$(this).remove();
}else{
$(this).closest("td").text($(this).val());
}
})
})
});
html代码
$("#table").find("tr:eq(1)").find("td:lt(3):gt(0)").bind("dblclick",function(){
var input="<input type='text' id='temp' size='20'value="+$(this).text()+" >";
$(this).text("");
$(this).append(input);
$("input#temp").focus();
$("input").blur(function(){
if($(this).val()==""){
$(this).remove();
}else{
$(this).closest("td").text($(this).val());
}
})
})
});
html代码
id | name | password | CreateCard | Update |
9 | username | 111111 | CreateCard | Update |
相关文章推荐
- Ajax实战项目3 验证用户的唯一性 环境(Ajax+Jquery+Json+struts2)
- jquery对dom节点的操作【推荐】
- JQuery的选择器
- Jquery attr()方法 属性赋值和属性获取详解
- jQuery监听浏览器窗口大小的变化
- 有关jquery与DOM节点操作方法和属性记录
- js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证邮件
- Jquery购物车抛物线效果
- javaweb利用cookie记住账号(jquery.cookie.js)
- JQuery基本语法(部分)
- 快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
- jquery + ajax 局部刷新
- 两种方式解决jquery Ajax 发送中文乱码的方法,
- jquery.validate+jquery.form提交的三种方式
- Jquery 将表单序列化为Json对象.同时提交多个表单的参数
- jQuery笔记
- 基于jquery的tabsUI实现思路
- drupal7网站定制主题中使用定制jquery脚本
- Jquery弹窗跳转
- jQuery实现下拉框左右移动(全部移动,已选移动)