Metoden offsetParent

Metoden offsetParent låter dig få det närmaste positionerade förfadern till ett element. Med begreppet 'positionerad' avses ett element med CSS-egenskapen position, satt till värdet relative, absolute, eller fixed. Metoden är användbar i animationer och vid placering av element på en sida.

Syntax

Få det närmaste positionerade förfadern:

javascript$(selector).offsetParent();

Exempel

Låt oss hitta det närmaste positionerade (i vårt fall relativt) förfadern till stycket med #test och färga dess bakgrund i grön färg:

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

Se även