Metodo offsetParent
Il metodo offsetParent permette di ottenere
l'antenato posizionato più vicino
dell'elemento. Con il termine 'posizionato'
si intende un elemento con la proprietà CSS
position,
impostata sul valore relative,
absolute, o fixed.
Il metodo è utile nelle animazioni e nel posizionamento
degli elementi sulla pagina.
Sintassi
Ottenere l'antenato posizionato più vicino:
$(selettore).offsetParent();
Esempio
Troviamo l'antenato posizionato
(nel nostro caso relative) più vicino del paragrafo con
#test e coloriamo il suo sfondo in 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');
