# Метод offsetParent

Метод `offsetParent` позволяет получать ближайшего спозиционированного предка элемента. Под понятием 'спозиционированный' подразумевается элемент с CSS свойством `position`, установленным в значение `relative`, `absolute`, или `fixed`. Метод полезен в анимации и при размещении элементов на странице.

## Синтаксис

Получить ближайшего спозиционированного предка:

`$(селектор).offsetParent();`

## Пример

Давайте найдем ближайшего спозиционированного (в нашем случае относительно) предка абзаца с `#test` и окрасим его фон в зеленый цвет:

`<div> <p>aaa</p> <div style="position: relative;"> <p>bbb</p> <p>bbb</p> <p>bbb</p> <div> <p id="test">ccc</p> <div> <p>ddd</p> <p>ddd</p> <p>ddd</p> </div> <p>ccc</p> <p>ccc</p> </div> </div> <p>aaa</p> <p>aaa</p> </div>` `$('#test').offsetParent().css('background-color', 'green');`

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

- метод `parents`,
  который позволяет получить всех родителей элемента
- метод `closest`,
  который позволяет получить ближайший родительский элемент, удовлетворяющий селектору
- метод `position`,
  который позволяет получать текущие координаты элемента

← →
↑