Metode offsetParent
Metode offsetParent memungkinkan untuk mendapatkan
leluhur terdekat yang diposisikan
dari sebuah elemen. Yang dimaksud dengan 'diposisikan'
adalah elemen dengan properti CSS
position,
yang nilainya diatur ke relative,
absolute, atau fixed.
Metode ini berguna dalam animasi dan saat menempatkan
elemen pada halaman.
Sintaks
Mendapatkan leluhur terdekat yang diposisikan:
$(selector).offsetParent();
Contoh
Mari kita cari leluhur terdekat yang diposisikan
(dalam kasus kita secara relatif) dari paragraf dengan
#test dan warnai latar belakangnya dengan warna hijau:
<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');
