Метод parent

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

Синтакса

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

javascript.parent();

Може се такође изабрати непосредни родитељ, само ако задовољава задати селектор:

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

Пример

Хајде да нађемо елемент #test затим нађемо његовог родитеља помоћу parent и поставимо му текст '!' помоћу html:

html<p>споља</p>
<div>
  <p>унутра</p>
  <p>унутра</p>
  <p id="test">унутра</p>
  <p>унутра</p>
  <p>унутра</p>
</div>
<p>споља</p>
javascript$('#test').parent().html('!');

HTML код ће изгледати овако:

html<p>споља</p>
<div>
  !
</div>
<p>споља</p>

Пример

Хајде да нађемо елемент #test затим нађемо његовог родитеља помоћу parent и, ако је тај родитељ div са класом www, да му поставимо текст '!' помоћу html:

html<p>споља</p>
<div class="www">
  <p>унутра</p>
  <p>унутра</p>
  <p id="test">унутра</p>
  <p>унутра</p>
  <p>унутра</p>
</div>
<p>споља</p>
javascript$('#test').parent('div.www').html('!');

HTML код ће изгледати овако:

html<p>споља</p>
<div class="www">
  !
</div>
<p>споља</p>

Погледајте такође

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