使用td内的按钮更改TD值的jQuery函数

$(document).ready(function(){
  // 给按钮绑定点击事件
  $('td button').click(function(){
    // 获取当前按钮所在的td元素
    var td = $(this).closest('td');
    // 获取td元素的文本内容
    var value = td.text();
    // 创建一个输入框元素
    var input = $('<input type="text">');
    // 设置输入框的初始值为td的文本内容
    input.val(value);
    // 替换td元素的内容为输入框
    td.html(input);
    // 给输入框绑定失去焦点事件
    input.blur(function(){
      // 获取输入框的新值
      var newValue = input.val();
      // 将输入框替换为新的td内容
      td.html(newValue);
    });
  });
});