วิธี next

วิธี next จะคืนค่า องค์ประกอบที่อยู่ถัดจากองค์ประกอบที่กำหนด ภายในพ่อแม่เดียวกัน

ไวยากรณ์

การได้เพื่อนบ้านที่อยู่ติดกันโดยตรง:

.next();

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

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

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

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

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

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

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

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