De offsetParent Methode

De methode offsetParent maakt het mogelijk om de dichtstbijzijnde gepositioneerde voorouder van een element te verkrijgen. Onder het begrip 'gepositioneerd' wordt een element verstaan met de CSS-eigenschap position, ingesteld op de waarde relative, absolute, of fixed. De methode is nuttig bij animatie en bij het plaatsen van elementen op een pagina.

Syntaxis

Verkrijg de dichtstbijzijnde gepositioneerde voorouder:

$(selector).offsetParent();

Voorbeeld

Laten we de dichtstbijzijnde gepositioneerde (in ons geval relative) voorouder van de alinea met #test vinden en de achtergrond kleuren in groen:

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

Zie ook

de methode parents,
die het mogelijk maakt om alle voorouders van een element te verkrijgen
de methode closest,
die het mogelijk maakt om het dichtstbijzijnde bovenliggende element te verkrijgen dat voldoet aan de selector
de methode position,
die het mogelijk maakt om de huidige coördinaten van een element te verkrijgen