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