วิธีการ parentsUntil

วิธีการ parentsUntil ได้รับ ผู้ปกครองทั้งหมดขององค์ประกอบ - ไม่เพียงแต่ผู้ปกครองโดยตรง, แต่รวมถึงปู่ย่าตายาย, ผู้ปกครองรุ่นก่อนหน้า และต่อๆ ไป จนถึงองค์ประกอบราก (นั่นคือจนถึงแท็ก html). ในขณะที่การค้นหาผู้ปกครองจะสิ้นสุดเมื่อ ถึงผู้ปกครองที่ตรงกับตัวเลือก, ที่ระบุโดยพารามิเตอร์ของเมธอดนี้

ไวยากรณ์

ค้นหาผู้ปกครองจนถึงผู้ปกครองที่ตรง กับตัวเลือก, ตัวเลือกสามารถเป็นได้ทั้ง โหนด DOM, นิพจน์ หรืออ็อบเจกต์ jQuery, นอกจากนี้ยังสามารถใช้พารามิเตอร์ที่สอง สำหรับการกรองเพิ่มเติม ทั้งสองพารามิเตอร์ เป็นทางเลือก:

.parentsUntil([ตัวเลือก], [ตัวกรอง]);

สามารถไม่ระบุตัวเลือกก็ได้, ในกรณีนี้ เมธอดจะทำงานคล้ายกับเมธอด parents:

.parentsUntil();

ตัวอย่าง

มาหาองค์ประกอบ #test จากนั้น หาผู้ปกครองทั้งหมดของมันจนถึงองค์ประกอบที่มีคลาส zzz ด้วย parentsUntil และ ใส่ข้อความ '!' ที่ด้านหน้าด้วย prepend:

<div>
	<div class="zzz">
		<div class="www">
			<div class="www">
				<p id="test">text</p>
			</div>
		</div>
	</div>
</div>

$('#test').parentsUntil('.zzz').prepend('!');

โค้ด HTML จะกลายเป็นเช่นนี้:

<div>
	<div class="zzz">
		<div class="www">
			!
			<div class="www">
				!<p id="test">text</p>
			</div>
		</div>
	</div>
</div>

ดูเพิ่มเติม

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