复制代码
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title></title>
- </head>
- <script type="text/javascript" src="jquery-1.4.2.js"></script>
- <body>
- <input type="text" id="address" value="请输入邮箱地址"/> <br/><br/>
- <input type="text" id="password" value="请输入邮箱密码"/> <br/><br/>
- <input type="button" value="登陆"/>
- <table width="200" border="1">
- <tr>
- <td class="high">11</td>
- <td><b>1111</b></td>
- <td>1111111111111111111</td>
- </tr>
- <tr>
- <td>22</td>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td>33</td>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td>44</td>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td>55</td>
- <td> </td>
- <td> </td>
- </tr>
- <tr>
- <td>66</td>
- <td> </td>
- <td> </td>
- </tr>
- </table>
- <br/>
- <button type="button" onClick="doit()">do it</button>
- <input type="text" value="11"/>
- </body>
- </html>
- <script type="text/javascript">
- function doit(){
- alert($(".high").next().html());
- }
- $(document).bind("click",function(e){
- // $(e.target).closest("td").replaceWith("<input type='text' /> ")
- $(e.target).closest("td").html("<input type='text' /> ");
- });
- </script>
|
作者: fxbird
发布时间: 2010-03-19