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:

javascript$(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:

html<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>

javascript$('#test').offsetParent().css('background-color', 'green');

Véase también