<table>  <thead>  <tr >   <th width="40px;">序號</th>   <th>班次</th>   <th>分組</th>   <th>操作</th>  </tr>  </thead>  <tbody>  <tr ng-repeat="value in train_list" >   <td width="40px;">{{value.id }}</td>   <td>{{value.trainNumber}}</td>   <td ng-click="edit($event)">{{value.groupId}}</td>   <td>    <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"  ng-click="move($event,'up')">上移</a>    <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"  ng-click="move($event,'down')">下移</a>    <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"  ng-click="del($event)">刪除</a>   </td>  </tr>  </tbody></table>

/** * 單元格單擊變編輯 * @param e */$scope.edit=function(e){  var td = $(e.target);  var txt = td.text();  var input = $("<input type='text' value='" + txt + "' style='width:82px;height:26px;'/>");  td.html(input);  input.click(function() { return false; });  //獲取焦點  input.trigger("focus");  //文本框失去焦點后提交內容，重新變為文本  input.blur(function() {    var newtxt = $(this).val();     //判斷文本有沒有修改    if (newtxt != txt) {      td.html(newtxt);    }    else    {      td.html(newtxt);    }  });};