从同一个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或standart方法。 mainTable有很多行，因此我无法在输入中使用id 我可以用：

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

你知道一种更简单的方法吗？

Answer 1

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

Answer 2

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