วิธี next

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

ไวยากรณ์

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

javascript.next();

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

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

ตัวอย่าง

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

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

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

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

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

ดูเพิ่มเติม