Метод 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,
который позволяет получить потомков элемента и текст внутри этого элемента