Μέθοδος offsetParent
Η μέθοδος offsetParent επιτρέπει τη λήψη
του πλησιέστερου τοποθετημένου προγόνου
ενός στοιχείου. Με τον όρο 'τοποθετημένο'
εννοείται ένα στοιχείο με την ιδιότητα CSS
position,
ορισμένη στην τιμή relative,
absolute, ή fixed.
Η μέθοδος είναι χρήσιμη σε κινούμενα σχέδια και κατά την τοποθέτηση
στοιχείων σε μια σελίδα.
Σύνταξη
Λήψη του πλησιέστερου τοποθετημένου προγόνου:
$(selector).offsetParent();
Παράδειγμα
Ας βρούμε τον πλησιέστερο τοποθετημένο
(στην περίπτωσή μας σχετικά) πρόγονο της παραγράφου με
#test και ας χρωματίσουμε το φόντο του σε πράσινο:
<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');
