Метод parent - получение родительских элементов
Метод parent получает
непосредственного родителя элемента.
Синтаксис
Получение непосредственного родителя для элементов:
.parent();
Можно также выбрать непосредственного родителя, только если он удовлетворяет заданному селектору:
.parent(селектор);
Пример
Давайте найдем элемент #test затем
найдем его родителя с помощью parent
и поставим ему текст '!' с помощью
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>
$('#test').parent().html('!');
HTML код станет выглядеть так:
<p>outside</p>
<div>
!
</div>
<p>outside</p>
Пример
Давайте найдем элемент #test затем
найдем его родителя с помощью parent
и, если этот родитель div с классом www,
то поставим ему текст '!' с помощью
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>
$('#test').parent('div.www').html('!');
HTML код станет выглядеть так:
<p>outside</p>
<div class="www">
!
</div>
<p>outside</p>
Смотрите также
-
метод
parents,
который позволяет получить всех родителей элемента -
метод
closest,
который позволяет получить ближайший родительский элемент, удовлетворяющий селектору -
метод
parentsUntil,
который позволяет получить всех родителей элемента до указанного родителя -
метод
children,
который позволяет получить потомков элемента -
метод
contents,
который позволяет получить потомков элемента и текст внутри этого элемента