Метад offsetParent

Метад offsetParent дазваляе атрымліваць бліжэйшага пазіцыянаванага продка элемента. Пад паняццем 'пазіцыянаваны' маецца на ўвазе элемент з CSS уласцівасцю position, устаноўленым у значэнне relative, absolute, альбо fixed. Метад карысны ў анімацыі і пры размяшчэнні элементаў на старонцы.

Сінтаксіс

Атрымаць бліжэйшага пазіцыянаванага продка:

javascript$(селектар).offsetParent();

Прыклад

Давайце знойдзем бліжэйшага пазіцыянаванага (у нашым выпадку адносна) продка абзаца з #test і афарбуем яго фон у зялёны колер:

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

Глядзіце таксама