PROMULGATOR

    取个名字真难a

    广东省广州市
    Html
    Css
    Js

    
                        


                        

                            


body {
	margin:0px;
	padding:15px;
}
.table {
	width:80%;
	margin:20px auto;
}
caption {
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#000;
}
#tab tr td {
	border:1px solid #ddd;
	text-align:center;
}
#tab tbody tr td {
	width:212px !important;
}
#val {
	width:50%;
}
#val,#save {
	margin-right:10px;
}
#save,#clean {
	padding:3px;
	cursor:pointer;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.1

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
jQuery表格内容编辑

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
主要实现思路：
1、找到td，然后绑定双击事件    
2、把之前的文本内容保存起来，然后再清空之前的内容，再追加input元素，保存，取消按钮    
3、给保存取消按钮绑定事件，（注意这里，会触发冒泡事件，所以要阻止冒泡事件）
4、我这里设置了一个num变量，目的是在表格编辑时只能有一个TD是可编辑的，不能同时出现多个！

                         

                     

                   
                


                
3



  
    
      
    
    

     

            
    
              
    
              
      
                
       if  you0
      
                
       2018/1/10 9:23:15
      
                
      
              
    
              
      
                
      怎么save不了？
      
                
                        
        
                          
        
                              
        
                               
          
                                   
           hu-yl0
          
                                   
           2018/1/10 9:35:52
          
                                   
          
  						        
        
                               
          
                                  
          人家要跨域的
          
                                
        
                           
        
                        
      
                    
                        
        
                          
        
                              
        
                               
          
                                   
           取个名字真难a0
          
                                   
           2018/1/10 9:53:07
          
                                   
          
  						        
        
                               
          
                                  
          保存按钮提交数据时的路径 只是一个参考！使用时换成你自己的接口就行了！
          
                                
        
                           
        
                        
      
                    
                回复