用JQuery去实现单个表格中的td数据修改

来源：互联网发布：网络支付安全技术论文编辑：程序博客网时间：2024/06/05 14:11

JS代码如下：

$(document).ready(function(){    var tds =$("td");    tds.click(tdclick);});function tdclick(){      var td =$(this);      var tdtext =td.text();      td.html("");      var inputtext =$("<input>");      inputtext.attr("value",tdtext);          inputtext.keyup(function(event){             var keycode = event || window.event;              var code =keycode.keyCode;              if(code == 13){                  var inputtext =$(this);                  var tdtext =inputtext.val();                  var ts =inputtext.parent();                  ts.html(tdtext);                  ts.click(tdclick);              }          });      td.append(inputtext);      var aa =inputtext.get(0);      aa.select();      td.unbind();};

HTML代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>JQueryEdit</title><!--<link type="text/css" rel="stylesheet" href="css/edit.css" />--><script type="text/javascript" src="jslib/jquery-2.1.4.js"></script><script type="text/javascript" src="jslib/jqueryedit.js"></script></head><body>  <table border="1">      <tbody>       <tr>           <td>123123</td>           <td>456456</td>       </tr>      </tbody>  </table></body></html>

0 0