Question

假设我有一些结构：

<ul>
  <li>
      <input .../>
  </li>
  <li>
      This item doesn't have an input
  </li>
  <li>
      <input .../>
  </li>
  <li>
      <input .../>
  </li>
</ul>

鉴于对input元素之一的引用，如何在列表中获取下一个或上一个input？

编辑：某些<li>元素没有输入;我需要代码来处理这些情况。

Answer 1

如果this是当前输入：

$(this).closest('li').next('li').find('input');

Answer 2

我最终使用了this answer启发的内容：

var inputs = $("input");
var currentIndex = inputs.index(this);
var next = inputs.filter(function (index) { return index == currentIndex + 1; })

获取相同类型的下一个元素

2 个答案: