Метод 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>

Смотрите также