Navigate into elements with JQuery

Question

I have this elements hierarchy :

<div>
   <div>
      <input id="abc" .../>
   </div>
   <div>
      <span />
   </div>
</div>

How can I access to span element via input whom I know id please ?

I think I have to use

$("#abc").parent().parent()...

...but after please ?

Thank you

Answer 1

try this

$("#abc").parent().next().children('span')

demo

Answer 2

Try this,

Live Demo

var spanElement = $('#abc').parent().next().find('span');

Answer 3

$("#abc").parent().next().children('span')