本文共 1427 字，大约阅读时间需要 4 分钟。

**

基于jQuery的即点即改，简单实用，完整的，包括发送请求！

**

**

html

**

   
            
         
      
IDcard
          
Name
          
Address
         
     
              
1
              
袁梦坤
              
河南省商丘市柘城县
         
         
              
2
              
刘凯歌
              
河南省商丘市柘城县
         
    
   

**

css

**

td {
   	border:1px solid #0094ff;	text-align:center;}

**

js（有详细的注释，新手一看就懂！）

**

$(function() {
       $(document).on("click", ".gai", function() {
           //不重复        if ($(this).children("input").prop("type") == 'text') return false;        //获取文本        var data = $(this).html();        //替换为文本框+文本        var input = '';        $(this).html(input);        //获取光标        $(this).children("input").focus();    });    $(document).on("blur", "#ai", function() {
           //修改后的内容        var data = $(this).val();        //修改的ID        var id = $(this).parents("tr").prop("id");        //修改的字段        var param = $(this).parent().attr("param");        alert("修改的ID：" + id + "|" + "修改的字段：" + param + "|" + "修改后的内容：" + data);        var obj = $(this);        //发送AJAX        // $.ajax({
           //     type:"post",        //     url:"",        //     data:{
           //         "data":data,        //         "id":id,        //         "param":param        //     },        //     success:function(data){
           //         if(data==1){
           obj.parent().html(data);        //       }        //   }        //})    })})

转载地址：http://chnvz.baihongyu.com/