admin管理员组

文章数量:1325545

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?

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?

Share Improve this question edited Nov 30, 2012 at 15:02 DarkAjax 16.2k11 gold badges57 silver badges66 bronze badges asked Nov 30, 2012 at 15:00 IlyaIlya 29.7k19 gold badges119 silver badges161 bronze badges 1
  • 2 Read the jQuery docs for Traversing – I Hate Lazy Commented Nov 30, 2012 at 15:03
Add a ment  | 

2 Answers 2

Reset to default 7
$(spanElement).closest('.parentDiv').find('input');
$(spanElement).closest('.parentDiv').find('.childInput');

本文标签: javascriptGet nearest input element from same divStack Overflow