Methode offsetParent
Die Methode offsetParent ermöglicht es,
den nächstgelegenen positionierten Vorfahren
eines Elements zu erhalten. Unter dem Begriff 'positioniert'
wird ein Element mit der CSS-Eigenschaft
position verstanden,
die auf den Wert relative,
absolute oder fixed gesetzt ist.
Die Methode ist nützlich in der Animation und beim Platzieren
von Elementen auf der Seite.
Syntax
Nächstgelegenen positionierten Vorfahren ermitteln:
$(Selector).offsetParent();
Beispiel
Lassen Sie uns den nächstgelegenen positionierten
(in unserem Fall relativ) Vorfahren des Absatzes mit
#test finden und seinen Hintergrund grün einfärben:
<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>
$('#test').offsetParent().css('background-color', 'green');
