jquery实现双击修改td内容的方法

本文介绍了一种使用JavaScript实现的双击编辑表格单元格的方法。当用户双击指定的表格单元格时,该单元格将变为可编辑状态,允许用户直接修改内容。通过这种方式可以提高用户体验,并简化数据更新流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

$(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代码
idnamepasswordCreateCardUpdate
9username111111CreateCardUpdate
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值