最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

programmeradmin1浏览0评论

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');
发布评论

评论列表(0)

  1. 暂无评论