来自同一个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> 

我怎样才能从spaninput元素？使用jQuery或标准方法。 mainTable有很多行，所以我不能在输入上使用id。
我可以做到这一点：

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

你知道一个更简单的方法？

Answer 1

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

Answer 2

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