Jquery关注的是带有input子元素的next td元素

Jquery focus on next td element with an input child

本文关键字：元素 next td input Jquery      更新时间：2023-09-26

我有一个包含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'键的情况下通过输入向前和向后循环。

.next仅检查该元素的下一个兄弟元素，而不检查其所有后续的兄弟元素。

如果你想检查它的所有兄弟，一个解决方案是获得.nextAll

的第一个元素
$(':focus').parent().nextAll("td:has(input)").eq(0).focus();
相关文章：