Как получить доступ к элементу того же уровня в DOM?

Question

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

С помощью jQuery, как я могу получить доступ к элементу ввода, получить значение или установить его, например? Я не могу понять, как получить доступ к чему-то на том же уровне ... и я не хочу использовать идентификаторы, просто родительские / дочерние узлы, чтобы я мог использовать код для загрузки папа div

Спасибо!

Answer 1

дополнение к Зеду,

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

если вы дадите имя своему полю ввода, вы можете легко выбрать среди остальных,

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

тогда вы можете указать любое значение:

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

Синан.

Answer 2

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

Answer 3

$ (this) .parent (). Children ()?

Answer 4

Я думаю, вы хотите найти братьев и сестер (узел с той же глубиной и тем же родителем и в дереве DOM)

$(el).next() - следующий элемент (брат) для всех элементов в наборе
$(el).nextAll - все последующие братья и сестры
$(el).nextUntil - все последующие братья и сестры, остановка на каком-либо условии (не считая первого «плохого матча»). Кроме того, у вас есть следующий соседний селектор (+) и следующий родственный селектор.

То же самое относится к prev, prevAll и prevUntil. И у вас даже есть метод братьев и сестер. Проверьте это .

Answer 5

Если я понимаю вопрос, вы хотели бы достичь input из mum Леве?Так что попробуйте $("#mum ~ input")...

Кстати, отличный сайт для поиска функции jquery по категории http://visualjquery.com/ + хороший пример.

Answer 6

Попробуйте, чтобы найти первый дочерний элемент ввода:

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