javascript - 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();

没有成功。

最终目标是能够使用我创建的键绑定(bind)在不使用“tab”键的情况下向前和向后循环输入。

Answer 1

.next仅检查元素的直接下一个兄弟元素，它不会检查其所有连续的兄弟元素。

如果你想检查它的所有 sibling ，一个解决方案是获取 .nextAll 的第一个元素。

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