双击表格编辑 

 1 <html>
 2     <head>
 3         <title></title>
 4         <script src="./jquery.min.js"></script>
 5     </head>
 6     <body>
 7         <table border="1" width="200" id="table">  
 8         <tr><td>111</td></tr>  
 9         <tr><td>222</td></tr>  
10         <tr><td>333</td></tr>  
11         <tr><td>444</td></tr>  
12         <tr><td>555</td></tr>  
13         </table>  
14     </body>
15 </html>
16 <script>
17     $("#table tr td").dblclick(function(){ 
18         var text = $(this).text();
19         var input = "<input type='text' value="+text+" class='xg'>";
20         $(this).parent().html(input);
21         $(".xg").blur(function(){ 
22             var val = $(this).val();
23             var biaoqian = "<td>"+val+"</td>";
24             $(this).parent().html(biaoqian);
25         })
26     })
27 </script>

 

posted @ 2017-12-06 16:00  无语凝噎6666  阅读(128)  评论(0)    收藏  举报