วิธี closest

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

ไวยากรณ์

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

.closest(ตัวเลือก);

พารามิเตอร์ที่สองยังสามารถส่งองค์ประกอบ DOM ได้, จากนั้นการค้นหาจะดำเนินการภายในองค์ประกอบนี้:

.closest(ตัวเลือก, บริบท);

ตัวอย่าง

เรามาค้นหา ผู้ปกครองที่ใกล้ที่สุดที่มีคลาส www สำหรับองค์ประกอบที่มี #test และแทรกย่อหน้าด้วย ข้อความ '!' ที่ส่วนเริ่มต้นขององค์ประกอบนี้ และแทรกย่อหน้าด้วยข้อความ '?' ที่ส่วนท้าย:

<div>
	<div class="www">
		<div>
			<p id="test">ข้อความ</p>
		</div>
	</div>
</div>

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

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

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">ข้อความ</p>
		</div>
		<p>?</p>
	</div>
</div>

ดูเพิ่มเติม

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