js如何实现点击编辑按钮，前端table表格行内指定td可修改。（table是动态生成的）

      function ready() {   var url = base_path+"console/cfg/getBaseLayers/"+configId;   $.ajax({      url:url,      type:"get",      dataType:"json",      success:function (result) {         //生成之前先清空tr,防止AJAX异步加载重复生成         $("#lot tr").remove();         var length = result.length;         for (var i=0;i ';               str += i+1;               str += ' ';               str += name;               str += ' ';               str += alias;               str += ' ';               str += type;               str += ' ';               str += year;               str += ' ';               str += url;               str += ' ';               str += '';               str += '  ';               str += ' ';               str += '';               str += '';               str += ' ';
            }else {               //生成tr               str += ' ';               str += i+1;               str += ' ';               str += name;               str += ' ';               str += alias;               str += ' ';               str += type;               str += ' ';               str += year;               str += ' ';               str += url;               str += ' ';               str += '';               str += '  ';               str += ' ';               str += '';               str += '';               str += ' ';
            }            var $tr = $(str);            $("#lot").append($tr);
         }
      }
   });
}

2）

//修改table行内元素(td)function editTd(id) {   //选中编辑按钮的时候,把这行指定的几个td变成文本框   var b = $("input[type='button'][id='"+id+"']").parent(); //td   var a = b.siblings(); //td的兄弟节点   if(a[1].children.length===0){      a[1].innerHTML="";
   }
   if(a[2].children.length===0){      a[2].innerHTML="";
   }
   if(a[3].children.length===0){      a[3].innerHTML="";
   }   //将编辑改成 保存和取消两个按钮   b[0].innerHTML="";   
   //以下注掉的都是在网上找的参考。   /*alert(a[0].getText());   var $this = $(this).index();   alert($this);*/   /*$('input[type="button"]').on('click', function(){      var $this = $(this).parent().parent();//tr      ready();   });*/   /*var $ = function(node) {      return typeof node == "string" ? document.getElementById(node) : node;   }   var $1 = function(node, parent){      var nd = document.createElement(node);      if(parent) parent.appendChild(nd);      return nd;   }   /!** 绑定事件流 *!/   var bind = function(obj, eventName, funcionName){      if(obj.addEventListener){         obj.addEventListener(eventName, funcionName,false);      }else if(obj.attachEvent) {         obj.attachEvent("on" + eventName, funcionName);      }else{         obj["on" + eventName] = funcionName;      }   };   var fulltable = function(tbody, data){      var pd = data.data;      var column = data.column;      for(var i=0, len=data.rows; i 0) return;         var v = this.innerHTML;         this.innerHTML = "";         var input = $1("input", this);         input.type = "text";         input.value = v;         input.focus();//光标聚集         bind(input, "blur", blur);      }      var blur = function(){         var v = this.value;         this.parentNode.innerHTML = v;      }   }   window.$$ = function(id, ev){      return new littlehow_edit_table(id, ev);   };*/   /*$('.editable').handleTable({      "handleFirst" : true,      "cancel" : "  ",      "edit" : "  ",      "add" : "  ",      "save" : "  ",      "confirm" : "  ",      "operatePos" : -1,      "editableCols" : [2,3,4],      "order": ["add","edit"],      "saveCallback" : function(data, isSuccess) { //这里可以写ajax内容，用于保存编辑后的内容         //data: 返回的数据         //isSucess: 方法，用于保存数据成功后，将可编辑状态变为不可编辑状态         var flag = true; //ajax请求成功（保存数据成功），才回调isSuccess函数（修改保存状态为编辑状态）         if(flag) {            isSuccess();            alert(data + " 保存成功");         } else {            alert(data + " 保存失败");         }         return true;      },      "addCallback" : function(data,isSuccess) {         var flag = true;         if(flag) {            isSuccess();            alert(data + " 增加成功");         } else {            alert(data + " 增加失败");         }      },      "delCallback" : function(isSuccess) {         var flag = true;         if(flag) {            isSuccess();            alert("删除成功");         } else {            alert("删除失败");         }      }   });*/   /*//dom创建文本框   var input = document.createElement("input");   input.type="text" ;   //得到当前的单元格   var currentCell ;   function editCell(event) {      if(event==null) {         currentCell=window.event.srcElement;      }      else {         currentCell=event.target;      }      //根据Dimmacro 的建议修定下面的bug 非常感谢      if(currentCell.tagName=="TD"){         //用单元格的值来填充文本框的值         input.value=currentCell.innerHTML;         //当文本框丢失焦点时调用last         input.onblur=last;         input.ondblclick=last;         currentCell.innerHTML="";         //把文本框加到当前单元格上.         currentCell.appendChild(input);         //根据liu_binq63 的建议修定下面的bug 非常感谢         input.focus();      }   }   function last() {      //充文本框的值给当前单元格      currentCell.innerHTML = input.value;   }   //最后为表格绑定处理方法.   document.getElementById("table").ondblclick=editCell;*/   /*var ttr = $(this).val()=="编辑"?"确定":"编辑";   $(this).val(ttr);   // 按钮被点击后，在“编辑”和“确定”之间切换   $(this).parent().siblings("td").each(function() {  // 获取当前行的其他单元格      var obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框      if(!obj_text.length)   // 如果没有文本框，则添加文本框使之可以编辑         $(this).html("");      else   // 如果已经存在文本框，则将其显示为文本框修改的值         $(this).html(obj_text.val());   });*/   /*$('input[type="button"]').on('click', function(){      var $this = $(this);      var $td_arr = $this.parent().html('保存').prevAll('td');      $.each($td_arr, function(){         var $td = $(this);         $td.html('');      });   });*/}

3）

//取消editTd编辑function resertEditTd() {   ready(); //此方法是自己写的，局部刷新页面，重新加载数据
}

//保存editTd编辑function saveEditTd(id) {   var a = $("input[type='button'][id='"+id+"']").parent().siblings(); //td的兄弟节点   var td_name = a[1].children[0].value; //服务名称   var td_alias = a[2].children[0].value; //服务别名   var td_type = a[3].children[0].value; //服务类型   var url = base_path+"console/cfg/saveEditTd";   $.ajax({      url:url,      type:"post",      data:{         "td_name":td_name,         "td_alias":td_alias,         "td_type":td_type,         "id":id,         "tpl":configId      },      datatype:"json",      success:function (result) {         ready(); //此方法是自己写的，局部刷新页面，重新加载数据
      }
   });
}

给你一个思路，你的table是动态生成的，应该是利用js加载对应的json或者xml等数据结合table、tr、td的样式生成的。然后前台可以加载到span或者div里面来展示。
这样你可以尝试一下，点击编辑button后click的事件，尝试重新生成一个table，对应的td的内容修改一下：

按照这个思路应该能实现你的功能。

我想你应该说的是查找带回吧。如果有用前端框架（dwz或者bootstrap），一般都是有各自的实现方法的，已经帮你写好了，调用就行了。如果没有用前端框架，js可以实现，很多博客里面都有。