วิธีการ nextAll

วิธีการ nextAll คืนค่า องค์ประกอบทั้งหมดที่อยู่หลังจากองค์ประกอบที่กำหนด ภายในผู้ปกครองเดียวกัน

ไวยากรณ์

รับองค์ประกอบที่อยู่ติดกันทั้งหมดด้านล่าง:

$(selector).nextAll();

สามารถกรององค์ประกอบที่อยู่ติดกันตาม ตัวเลือกที่กำหนดได้:

$(element).nextAll(selector);

ลองหาองค์ประกอบ #test และกำหนดข้อความ '!' ให้กับองค์ประกอบที่อยู่ติดกันทั้งหมดด้านล่าง โดยใช้วิธีการ html:

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

$('#test').nextAll().html('!');

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

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

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