Metoda offsetParent
Metoda offsetParent permite obținerea
celui mai apropiat strămoș poziționat
al elementului. Prin termenul 'poziționat'
se înțelege un element cu proprietatea CSS
position,
setată la valoarea relative,
absolute, sau fixed.
Metoda este utilă în animații și la poziționarea
elementelor pe pagină.
Sintaxă
Obține cel mai apropiat strămoș poziționat:
$(selector).offsetParent();
Exemplu
Să găsim cel mai apropiat strămoș poziționat
(în cazul nostru relativ) al paragrafului cu
#test și să-i colorăm fundalul în verde:
<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');
