+ -
当前位置:首页 → 问答吧 → 单元格插入的文本框无法编辑

单元格插入的文本框无法编辑

时间:2010-03-19

来源:互联网

复制代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.         "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.     <title></title>
  6. </head>
  7. <script  type="text/javascript" src="jquery-1.4.2.js"></script>
  8. <body>
  9.     <input type="text" id="address" value="请输入邮箱地址"/>   <br/><br/>
  10.     <input type="text" id="password" value="请输入邮箱密码"/>  <br/><br/>
  11.     <input type="button" value="登陆"/>
  12. <table width="200" border="1">
  13.   <tr>
  14.     <td class="high">11</td>
  15.     <td><b>1111</b></td>
  16.     <td>1111111111111111111</td>
  17.   </tr>
  18.   <tr>
  19.     <td>22</td>
  20.     <td> </td>
  21.     <td> </td>
  22.   </tr>
  23.   <tr>
  24.     <td>33</td>
  25.     <td> </td>
  26.     <td> </td>
  27.   </tr>
  28.   <tr>
  29.     <td>44</td>
  30.     <td> </td>
  31.     <td> </td>
  32.   </tr>
  33.   <tr>
  34.     <td>55</td>
  35.     <td> </td>
  36.     <td> </td>
  37.   </tr>
  38.   <tr>
  39.     <td>66</td>
  40.     <td> </td>
  41.     <td> </td>
  42.   </tr>
  43. </table>
  44. <br/>
  45. <button type="button" onClick="doit()">do it</button>
  46. <input type="text" value="11"/>
  47. </body>
  48. </html>
  49. <script type="text/javascript">
  50.    function doit(){
  51.        alert($(".high").next().html());
  52.    }
  53.    $(document).bind("click",function(e){
  54. //        $(e.target).closest("td").replaceWith("<input type='text' /> ")
  55.         $(e.target).closest("td").html("<input type='text' /> ");
  56.    });
  57. </script>

作者: fxbird   发布时间: 2010-03-19