Metoda offsetParent

Metoda offsetParent umožňuje získat nejbližšího pozicovaného předka elementu. Pod pojmem 'pozicovaný' se rozumí element s CSS vlastností position, nastavenou na hodnotu relative, absolute, nebo fixed. Metoda je užitečná v animaci a při umísťování elementů na stránce.

Syntaxe

Získat nejbližšího pozicovaného předka:

javascript$(selektor).offsetParent();

Příklad

Pojďme najít nejbližšího pozicovaného (v našem případě relativně) předka odstavce s #test a obarvit jeho pozadí na zelenou:

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');

Viz také