jQuery專注於帶有輸入子元素的下一個td元素

Question

我有一張桌子，上面有tr和td元素。

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

有些tds有輸入元素，有些則沒有。 使用Jquery，如何在不輸入字段的情況下跳過td時集中下一個輸入？

我已經試過了： $(':focus').parent().next("td:has(input)").focus();

沒有成功。

最終目標是能夠使用我創建的鍵綁定在輸入中前后循環，而無需使用“ tab”鍵。

Answer 1

.next僅檢查元素的直接下一個同級，而不檢查其所有后續同級。

如果要檢查所有同級，一個解決方案是獲取.nextAll的第一個元素

$(':focus').parent().nextAll("td:has(input)").eq(0).focus();