Az offsetParent metódus
Az offsetParent metódus lehetővé teszi
az elem legközelebbi pozicionált ősének
megszerzését. A 'pozicionált' fogalom
alatt egy olyan elem értendő, amelynek CSS
position
tulajdonsága relative,
absolute, vagy fixed értékre
van állítva. A metódus hasznos animációkhoz és
elemek elhelyezéséhez az oldalon.
Szintaxis
A legközelebbi pozicionált ős megszerzése:
$(selector).offsetParent();
Példa
Keressük meg a #test azonosítójú bekezdés
legközelebbi pozicionált (esetünkben relatívan)
ősét, és színezzük zöldre a hátterét:
<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');
