Método offsetParent
El método offsetParent permite obtener
el ancestro posicionado más cercano
del elemento. El concepto 'posicionado'
implica un elemento con la propiedad CSS
position,
establecida en el valor relative,
absolute, o fixed.
El método es útil en animaciones y al colocar
elementos en la página.
Sintaxis
Obtener el ancestro posicionado más cercano:
$(selector).offsetParent();
Ejemplo
Encontremos el ancestro posicionado más cercano
(en nuestro caso relativo) del párrafo con
#test y coloreemos su fondo en 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');
