jquery - 同じ型の次の要素を取得する

Question

次のような構造があるとしましょう。

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

要素の 1 つへの参照が与えられた場合、リスト内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; })