Метод parent

Методот parent го добива непосредниот родител на елементот.

Синтакса

Добивање на непосредниот родител за елементи:

.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>

Погледнете ги и

методот parents,
кој овозможува да се добијат сите родители на елементот
методот closest,
кој овозможува да се добие најблискиот родителски елемент кој го задоволува селекторот
методот parentsUntil,
кој овозможува да се добијат сите родители на елементот до одредениот родител
методот children,
кој овозможува да се добијат потомците на елементот
методот contents,
кој овозможува да се добијат потомците на елементот и текстот внатре во овој елемент