תיאור: מקבל אב הקדמון של האלמנט, שממוקם.
.offsetParent()
הוספה בגרסה: 1.2.6
אובייקוט הנתון של jQuery,
מייצג רשימת אלמנטים של
DOM, שיטה .offsetParent()
מאפשרת לחפש באבות קדמונים של אלמנטים האלה בעץ
DOM
ולבנות אובייקט חדש של
jQuery,
עטוף מסביב של אב הקדמון הקרוב.
אלמנט נקאה ממוקם אם מאפיין
position
של
CSS
מוגדר בערך
relative, absolute, או fixed.
מידע הזה שימושי בחישוב אחרי קיזוז לביצוע אנימציה והצבת אובייקטים בעמוד.
נבחן עמוד עם רשימה פשוטה, עם אלמנט ממוקם:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii" style="position: relative;">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
אם נתחיל מפריט А, נוכל למצוא אב הקדמון שלו הממוקם:
$('li.item-a').offsetParent().css('background-color', 'red');
זה ישנה צבע של פריט II, שממוקם.
דוגמאות
מחפש הורה ממוקם של פירט "A".קוד מלא:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $('li.item-a').offsetParent().css('background-color', 'red'); }); </script> </head> <body> <ul class="level-1"> <li class="item-i">I</li> <li class="item-ii" style="position: relative;">II <ul class="level-2"> <li class="item-a">A</li> <li class="item-b">B <ul class="level-3"> <li class="item-1">1</li> <li class="item-2">2</li> <li class="item-3">3</li> </ul> </li> <li class="item-c">C</li> </ul> </li> <li class="item-iii">III</li> </ul> </body> </html>
האם מידע זה היה מועיל?
