javascript - 同じdivから最も近い入力要素を取得します

Question

次の建設があるとしましょう

<table id="mainTable">
  <tr>
    <td>
       <div class="parentDiv">
         <input class="childInput"/>
         <table>
           <tbody>
           <tr>
             <td>
               <span>I am here!</span>
             <td>
           </tr>
           </tbody>
         </table>
       </div>
    </td>
  </tr>
</table>

どうすればinput要素を取得できspanますか？jQueryまたは標準メソッドを使用します。 mainTable行が多いので入力には使えませんid。
私はそれを行うことができます：

$($(spanElement).parents(".parentDiv")[0]).children(".childInput")[0]

もっと簡単な方法を知っていますか？

Answer 1

$(spanElement).closest('.parentDiv').find('input');

Answer 2

$(spanElement).closest('.parentDiv').find('.childInput');