javascript - Get nearest input element from same div - Stack Overflow

admin管理员组

文章数量:1326099

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?

• javascript
• jquery
• html

Share Improve this question Follow edited Nov 30, 2012 at 15:02 DarkAjax 16.2k1111 gold badges5757 silver badges6666 bronze badges asked Nov 30, 2012 at 15:00 IlyaIlya 29.7k1919 gold badges119119 silver badges161161 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

Sorted by: Reset to default 7

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

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

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