Метод 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,
који омогућава да се добију потомци елемента и текст унутар тог елемента