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