Método offsetParent
O método offsetParent permite obter
o ancestral posicionado mais próximo
de um elemento. O termo 'posicionado'
refere-se a um elemento com a propriedade CSS
position,
definida como relative,
absolute, ou fixed.
O método é útil em animações e ao posicionar
elementos na página.
Sintaxe
Obter o ancestral posicionado mais próximo:
$(seletor).offsetParent();
Exemplo
Vamos encontrar o ancestral posicionado mais próximo
(no nosso caso, relativo) do parágrafo com
#test e colorir seu fundo de 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');
