offsetParent Metodu
offsetParent metodu, bir öğenin
en yakın konumlandırılmış ebeveynini
elde etmeyi sağlar. 'Konumlandırılmış' terimi,
CSS position özelliği
relative,
absolute veya fixed değerlerinden
birine ayarlanmış öğeyi ifade eder.
Bu metod, animasyon ve sayfa üzerinde öğelerin
yerleştirilmesi işlemlerinde faydalıdır.
Sözdizimi
En yakın konumlandırılmış ebeveyni elde etmek:
$(seçici).offsetParent();
Örnek
Hadi, #test kimliğine sahip paragrafın en yakın konumlandırılmış
(bizim örneğimizde relative) ebeveynini bulalım ve
arkaplan rengini yeşile boyayalım:
<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');
