Metoda offsetParent
Metoda offsetParent pozwala uzyskać
najbliższego pozycjonowanego przodka
elementu. Przez pojęcie 'pozycjonowany'
rozumie się element z właściwością CSS
position,
ustawioną na wartość relative,
absolute lub fixed.
Metoda jest przydatna w animacjach i przy rozmieszczaniu
elementów na stronie.
Składnia
Uzyskaj najbliższego pozycjonowanego przodka:
javascript$(selektor).offsetParent();
Przykład
Znajdźmy najbliższego pozycjonowanego
(w naszym przypadku względnie) przodka akapitu z
#test i pokolorujmy jego tło na zielono:
html<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>javascript$('#test').offsetParent().css('background-color', 'green');