$("#table").find("td").bind("dblclick",function(){
var input ="<input type='text' id='temp' 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());
}
});
<table border="1" width="200" id="table">
<tr><td>111</td></tr>
<tr><td>222</td></tr>
<tr><td>333</td></tr>
<tr><td>444</td></tr>
<tr><td>555</td></tr>
</table>
- 大小: 1.3 KB
分享到:
相关推荐
Jquery datagrid实现单元格编辑
jquery table rowspan 表格单元格合并,设置相同属性表格合并
上次的编辑表格,JS日历, 均初步美化了下,比上次好看些,名之为升级版。 另增加了登陆功能。多国语言虚拟键盘输入密码。 下次升级继续放出,敬请期待。
这是一款十分精美的jQuery表格单元格列表展开收缩代码,点击列头展开表格单元格查看详细内容,再次点击则收缩起来。
jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!
jQuery点击展开表格单元格代码.zip
通过jQuery简单实现的一个合并单元格功能
合并单元格 JQuery源码 MergeCells 加入JQuery库和MergeCells即可. EP: $('#table').MergeCells({cols:'1,2,3'}) 合并第2,3,4列.
使用jquery实现点击表格列可以编辑,自己学习之余给大家分享
jquery添加表格行内编辑代码jquery添加表格行内编辑代码jquery添加表格行内编辑代码
Excel样式表格单元格选择jQuery插件
本文通过实例代码给大家介绍了jquery 双击编辑表格,需要的朋友参考下吧
jQuery仿Excel表格选中单元格变色特效,仿Excel单元格选择代码,鼠标移动到表格内,按住shift键可选取多个单元格。
本人前端小白,因为项目需求,需要动态编辑表格,但是layui的编辑表格只适合 【有数据】修改功能用,并不适合【无数据】新增的功能使用,所以本人研究了几日,才写出了这么一个 无数据绑定,当然也可以自行绑定数据...
利用jquery实现表格动态分页,前台用jquery实现。后台用java实现动态查询数据,分页。
利用jquery 编辑表格移动表格删除行,添加行
主要介绍了jQuery实现点击表格单元格就可以编辑内容的方法,涉及jQuery针对table表格元素的遍历与动态操作相关技巧,需要的朋友可以参考下
jQuery批量删除单元格内容代码,点击按钮选中单元格,批量删除单元格内容代码。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!