Metoda offsetParent

Metoda offsetParent lejon marrjen e paraardhësit të pozicionuar më të afërt të elementit. Nën konceptin 'i pozicionuar' kuptohet elementi me vetinë CSS position, të vendosur në vlerën relative, absolute, ose fixed. Metoda është e dobishme në animacion dhe gjatë vendosjes së elementeve në faqe.

Sintaksa

Për të marrë paraardhësin e pozicionuar më të afërt:

javascript$(selector).offsetParent();

Shembull

Le të gjejmë paraardhësin e pozicionuar më të afërt (në rastin tonë relativ) të paragrafit me #test dhe ta ngjyrosim sfondin e tij në ngjyrë të gjelbër:

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

Shihni gjithashtu

  • metoda parents,
    e cila lejon marrjen e të gjithë paraardhësve të elementit
  • metoda closest,
    e cila lejon marrjen e elementit prind më të afërt që plotëson selektorin
  • metoda position,
    e cila lejon marrjen e koordinatave aktuale të elementit