วิธี offsetParent

วิธี offsetParent ช่วยให้ได้รับ ผู้ปกครองที่อยู่ใกล้ที่สุดของ องค์ประกอบ แนวคิดของ 'spositionirovannyy' หมายถึงองค์ประกอบที่มีคุณสมบัติ CSS position, ที่ตั้งค่าเป็นค่า relative, absolute หรือ fixed วิธีนี้มีประโยชน์ในแอนิเมชันและการจัดวาง องค์ประกอบบนหน้า

ไวยากรณ์

รับผู้ปกครองที่อยู่ใกล้ที่สุด:

javascript$(selector).offsetParent();

ตัวอย่าง

มาหาผู้ปกครองที่อยู่ใกล้ที่สุด (ในกรณีของเราคือ relative) ของย่อหน้าด้วย #test และระบายสีพื้นหลังเป็นสีเขียว:

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

ดูเพิ่มเติม