Az offsetParent metódus

Az offsetParent metódus lehetővé teszi az elem legközelebbi pozicionált ősének megszerzését. A 'pozicionált' fogalom alatt egy olyan elem értendő, amelynek CSS position tulajdonsága relative, absolute, vagy fixed értékre van állítva. A metódus hasznos animációkhoz és elemek elhelyezéséhez az oldalon.

Szintaxis

A legközelebbi pozicionált ős megszerzése:

javascript$(selector).offsetParent();

Példa

Keressük meg a #test azonosítójú bekezdés legközelebbi pozicionált (esetünkben relatívan) ősét, és színezzük zöldre a hátterét:

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

Lásd még