How to gain access to an element on the same level in the DOM?

Question

<div id="dad">
     <img id="mum">
     <input>
</div>

With jQuery, how could i get access to the input element, get is value or set it for example? I can't work out how to access something on the same level.. and i dont want to be using ID's, just parent/child nodes so i can use the code for loads of dad div's

Thanks!

Answer 1

$(this).parent().children() ?

Answer 2

var myEl = $("#dad").children(":input");

Answer 3

Try this, to find the first child input element:

jQuery("div").find("input:first")

Answer 4

If i understand question, you would like achieve input from mum leve? So try $("#mum ~ input")...

BTW, great site to search jquery function by category http://visualjquery.com/ +nice example.

Answer 5

an addition to Zed,

$(this).parent().children('input');

if you give a name to your input field then you can easily select throughout the others,

$(this).parent().children('input[name=my_input]');

then you can give any value as:

$(this).parent().children('input[name=my_input]').val('any value');

Sinan.