Question

Let’s say I have next construction

<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>

How can I get input element from span? Using jQuery or standart methods.
mainTable has many rows so I can’t use id on input.
I can do it with:

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

Do you know an easier way?

Answer 1

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