วิธีการ prev และ next ใน jQuery
การใช้เมธอด
prev
สามารถเข้าถึงเพื่อนบ้านข้างบนสำหรับ
องค์ประกอบที่กำหนดได้ ในขณะที่ใช้
next
- เข้าถึงเพื่อนบ้านข้างล่าง (โปรดทราบว่าองค์ประกอบถูกนับว่าเป็นเพื่อนบ้าน
เฉพาะภายใน parent เดียวกันเท่านั้น)
ตัวอย่างเช่น ลองใช้พารากราฟต่อไปนี้:
<p>ข้อความ</p>
<p>ข้อความ</p>
<p id="test">ข้อความ</p>
<p>ข้อความ</p>
<p>ข้อความ</p>
ตอนนี้ให้หาองค์ประกอบ #test และ
ตั้งค่าข้อความ '!' ให้กับเพื่อนบ้านข้างบนของมัน:
$('#test').prev().html('!');
และตอนนี้ให้ดำเนินการที่คล้ายกันกับ เพื่อนบ้านข้างล่าง:
$('#test').next().html('!');
ค้นหาองค์ประกอบแรกที่อยู่
ก่อนองค์ประกอบที่มี
คลาส test โดยตรง
ค้นหาองค์ประกอบแรกที่อยู่
หลังจากองค์ประกอบที่มีคลาส
test โดยตรง