วิธี nextUntil

วิธี nextUntil ส่งคืน องค์ประกอบที่อยู่หลังองค์ประกอบที่กำหนด ภายในผู้ปกครองเดียวกัน วิธีนี้ส่งคืน องค์ประกอบจากองค์ประกอบที่กำหนดจนถึงองค์ประกอบแรก ที่ตรงกับตัวเลือกที่ระบุ เป็นพารามิเตอร์ของวิธี หากไม่ส่งพารามิเตอร์ ให้กับวิธีนี้ มันจะทำงานเหมือนวิธี nextAll

ไวยากรณ์

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

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

ตัวอย่าง

ลองหาองค์ประกอบ #test และ ตั้งข้อความ '!' ให้กับเพื่อนบ้านทั้งหมด ด้านล่างจนถึงย่อหน้าที่มีคลาส www โดยใช้วิธี html:

<p>outside</p>
<div>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').prevUntil('p.www').html('!');

โค้ด HTML จะมีลักษณะดังนี้:

<p>outside</p>
<div>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>!</p>
	<p>!</p>
	<p class="www">inside</p>
	<p>inside</p>
</div>
<p>outside</p>

ดูเพิ่มเติม

วิธี prevUntil,
ซึ่งส่งคืนองค์ประกอบที่อยู่ก่อนองค์ประกอบที่กำหนด
วิธี next,
ซึ่งช่วยให้ได้เพื่อนบ้านขององค์ประกอบด้านล่าง
วิธี nextAll,
ซึ่งส่งคืนองค์ประกอบที่อยู่หลัง องค์ประกอบที่กำหนดภายในผู้ปกครองเดียวกัน
วิธี siblings,
ซึ่งช่วยให้ได้เพื่อนบ้านขององค์ประกอบภายใน ผู้ปกครองเดียวกัน