Метод parent

Методът parent получава непосредствения родител на елемента.

Синтаксис

Получаване на непосредствен родител за елементи:

.parent();

Може също да се избере непосредствен родител, само ако той удовлетворява зададения селектор:

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

Пример

Нека намерим елемента #test, след това да намерим неговия родител с помощта на parent и да му поставим текст '!' с помощта на html:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').parent().html('!');

HTML кодът ще изглежда така:

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

Пример

Нека намерим елемента #test, след това да намерим неговия родител с помощта на parent и, ако този родител е div с клас www, да му поставим текст '!' с помощта на html:

<p>outside</p>
<div class="www">
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').parent('div.www').html('!');

HTML кодът ще изглежда така:

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>

Вижте също

метод parents,
който позволява получаването на всички родители на елемента
метод closest,
който позволява получаването на най-близкия родителски елемент, удовлетворяващ селектор
метод parentsUntil,
който позволява получаването на всички родители на елемента до указания родител
метод children,
който позволява получаването на наследниците на елемента
метод contents,
който позволява получаването на наследниците на елемента и текста вътре в този елемент