让我先给你看效果图:
以下简单的表格编辑功能:以简单的方式实现
简单的HTML代码被跳过,下面是js实现过程
JavaScript:
span style=' font-size :18 px;'$('.表格')。on('dblclick ',' td ',function(){ if($(this))。children(' input '). length 0){ return false;} var TDDom=$(this);//保存初始值var TDTooly=$(this)。text();//设置td和input的宽度并赋值$ (this)。宽度(100)。html('输入类型=' text ' ')。查找('输入')。宽度(100)。val(TD托辞);//重新分配varinputdom=$ (this)。失去焦点时查找('输入');input DOM . blur(function(){ var new text=$(this))。val();$(这个)。移除();tddom . text(NewText);});/span上面提到的是边肖向大家介绍的jQuery实现了双击编辑表格功能,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!