Метод parent

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

Синтаксис

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

javascript.parent();

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

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

Пример

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

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>

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

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

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

Пример

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

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>

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

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

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

Вижте също