Metoda offsetParent
Metoda offsetParent umožňuje získat
nejbližšího pozicovaného předka
elementu. Pod pojmem 'pozicovaný'
se rozumí element s CSS vlastností
position,
nastavenou na hodnotu relative,
absolute, nebo fixed.
Metoda je užitečná v animaci a při umísťování
elementů na stránce.
Syntaxe
Získat nejbližšího pozicovaného předka:
$(selektor).offsetParent();
Příklad
Pojďme najít nejbližšího pozicovaného
(v našem případě relativně) předka odstavce s
#test a obarvit jeho pozadí na zelenou:
<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');