使用jquery将表单元格文本更改为输入值

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<td class="editable-cell">文本内容</td>

$(document).ready(function() {
  $('.editable-cell').click(function() {
    var cellText = $(this).text();
    $(this).html('<input type="text" value="' + cellText + '">');
  });
});

$(document).ready(function() {
  $('.editable-cell').click(function() {
    var cellText = $(this).text();
    $(this).html('<input type="text" value="' + cellText + '">');
    
    $('input').focusout(function() {
      var inputVal = $(this).val();
      $(this).parent().text(inputVal);
    });
  });
});