Die offsetParent-metode
Die metode offsetParent laat toe om die
naaste geposisioneerde voorouer van
'n element te verkry. Onder die konsep 'geposisioneerd'
word 'n element met die CSS-eienskap
position,
gestel op die waarde relative,
absolute, of fixed, verstaan.
Die metode is nuttig in animasie en by die plasing van
elemente op 'n bladsy.
Sintaksis
Verkry die naaste geposisioneerde voorouer:
$(selektor).offsetParent();
Voorbeeld
Kom ons vind die naaste geposisioneerde
(in ons geval relatiewe) voorouer van die paragraaf met
#test en verf sy agtergrond in groen:
<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');
