วิธี offsetParent

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

ไวยากรณ์

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

$(selector).offsetParent();

ตัวอย่าง

มาหาผู้ปกครองที่อยู่ใกล้ที่สุด (ในกรณีของเราคือ relative) ของย่อหน้าด้วย #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');

ดูเพิ่มเติม

วิธี parents,
ซึ่งช่วยให้ได้รับผู้ปกครองทั้งหมด ขององค์ประกอบ
วิธี closest,
ซึ่งช่วยให้ได้รับองค์ประกอบผู้ปกครอง ที่ใกล้ที่สุดซึ่งตรงกับตัวเลือก
วิธี position,
ซึ่งช่วยให้ได้รับพิกัดปัจจุบัน ขององค์ประกอบ