如何使用JQuery使用Tab键在表格单元格中导航？

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

<table>
  <tr>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><input type="text"></td>
  </tr>
  <tr>
    <td><input type="text"></td>
    <td><input type="text"></td>
    <td><input type="text"></td>
  </tr>
</table>

$(document).ready(function() {
  $('input').keydown(function(e) {
    if (e.keyCode === 9) { // Tab键的键码为9
      e.preventDefault(); // 阻止默认Tab键行为
      var inputs = $(this).closest('tr').find(':input'); // 获取当前行的所有输入元素
      var nextInput = inputs.eq(inputs.index(this) + 1); // 获取下一个输入元素
      if (nextInput.length) {
        nextInput.focus(); // 将焦点设置到下一个输入元素
      } else {
        inputs.first().focus(); // 如果是最后一个输入元素，则将焦点设置到当前行的第一个输入元素
      }
    }
  });
});