Метод .parent() получает непосредственного родителя элемента.

См. также метод parents, который позволяет получить всех родителей элемента.

См. также метод children, который позволяет получить потомков элемента.

См. также урок работа с набором элементов jQuery для более полного понимания.

Синтаксис

Получение непосредственного родителя для элементов:

.parent()

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

.parent(селектор)

Примеры

Пример

Давайте найдем элемент #test затем найдем его родителя с помощью .parent() и поставим ему текст '!' с помощью html:

<p>Абзац вне дива.</p>
<div>
	<p>Абзац.</p>
	<p>Абзац.</p>
	<p id="test">Абзац.</p>
	<p>Абзац.</p>
	<p>Абзац.</p>
</div>
<p>Абзац вне дива.</p>
$('#test').parent().html('!');

HTML код станет выглядеть так:

<p>Абзац вне дива.</p>
<div>
	!
</div>
<p>Абзац вне дива.</p>

Пример

Давайте найдем элемент #test затем найдем его родителя с помощью .parent() и, если этот родитель div с классом .www, то поставим ему текст '!' с помощью html:

<p>Абзац вне дива.</p>
<div class="www">
	<p>Абзац.</p>
	<p>Абзац.</p>
	<p id="test">Абзац.</p>
	<p>Абзац.</p>
	<p>Абзац.</p>
</div>
<p>Абзац вне дива.</p>
$('#test').parent('div.www').html('!');

HTML код станет выглядеть так:

<p>Абзац вне дива.</p>
<div class="www">
	!
</div>
<p>Абзац вне дива.</p>