offsetParent-metodi
Metodi offsetParent mahdollistaa
elementin lähimmän positioidun esi-isän
saamisen. Käsitteellä 'positioitu'
tarkoitetaan elementtiä, jonka CSS-ominaisuus
position
on asetettu arvoon relative,
absolute tai fixed.
Metodi on hyödyllinen animoinnissa ja
elementtien sijoittelussa sivulla.
Syntaksi
Hanki lähin positioitu esi-isä:
$(valitsin).offsetParent();
Esimerkki
Etsitään kohdan, jolla on
#test, lähin positioitu
(meidän tapauksessamme suhteellisesti) esi-isä ja värjätään sen tausta vihreäksi:
<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');
