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

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

我最终使用了受此答案启发的东西：

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