วิธีการ prev และ next ใน jQuery

การใช้เมธอด prev สามารถเข้าถึงเพื่อนบ้านข้างบนสำหรับ องค์ประกอบที่กำหนดได้ ในขณะที่ใช้ next - เข้าถึงเพื่อนบ้านข้างล่าง (โปรดทราบว่าองค์ประกอบถูกนับว่าเป็นเพื่อนบ้าน เฉพาะภายใน parent เดียวกันเท่านั้น)

ตัวอย่างเช่น ลองใช้พารากราฟต่อไปนี้:

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

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

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

และตอนนี้ให้ดำเนินการที่คล้ายกันกับ เพื่อนบ้านข้างล่าง:

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