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