如何通过上下移动表行来更新行值- Jquery/Javascript

// HTML结构示例
<table id="myTable">
  <tr>
    <td>行1</td>
  </tr>
  <tr>
    <td>行2</td>
  </tr>
  <tr>
    <td>行3</td>
  </tr>
</table>

// JavaScript代码示例
$(document).ready(function() {
  // 绑定上下移动事件
  $(document).keydown(function(e) {
    var selectedRow = $("#myTable tr.selected"); // 获取当前选中行
    var direction = null;

    if (e.keyCode === 38) {
      // 上箭头键
      direction = "up";
    } else if (e.keyCode === 40) {
      // 下箭头键
      direction = "down";
    }

    if (direction) {
      e.preventDefault(); // 阻止默认滚动行为

      var targetRow = null;

      if (direction === "up") {
        targetRow = selectedRow.prev(); // 获取目标行的前一行
      } else if (direction === "down") {
        targetRow = selectedRow.next(); // 获取目标行的后一行
      }

      if (targetRow.length) {
        // 移动当前行到目标行的位置
        selectedRow.insertAfter(targetRow);

        // 更新行值
        selectedRow.find("td").text("新行值");

        // 取消当前行的选中状态
        selectedRow.removeClass("selected");

        // 设置目标行为选中状态
        targetRow.addClass("selected");
      }
    }
  });
});