jQuery ການກວດສອບ - .next() ວິທີ
ຕົວຢ່າງ
ຫາບັນດາຊົນລະນິດພຽງຊົນລະນິດທີ່ຕໍ່ມາຂອງບັນດາຊົນລະນິດ p, ແລະບັນຈຸພຽງແຕ່ບັນດາຊົນລະນິດທີ່ມີປະເພດ "selected".
$("p");.next(".selected");.css("background", "yellow");
ການອະທິບາຍແລະການນໍາໃຊ້
next() ສະແດງບັນດາຊົນລະນິດທີ່ຕໍ່ມາຂອງບັນດາຊົນລະນິດທີ່ຕົກຮອງ. ຖ້າໃຫ້ຄຳສັ່ງ, ຈະສະແດງບັນດາຊົນລະນິດທີ່ຕໍ່ມາທີ່ຕົກຮອງກັບຄຳສັ່ງທີ່ຕ້ອງການ.
ວິທິ
.next(selector)
| ປະກອບ | ອະທິບາຍ |
|---|---|
| selector | ຄວາມພາສາ, ບັນຈຸຄຳສັ່ງທີ່ຈະກວດກາບັນດາປະກອບສະຖານທີ. |
ອະທິບາຍຫຼັກ
ຖ້າໃຫ້ບັນດາຊົນລະນິດ jQuery ທີ່ສະແດງຄວາມຄົງຂອງບັນດາປະກອບສະຖານທີ DOM, .next() ວິທີຈະອະນຸຍາດທ່ານທົດລອງບັນດາຊົນລະນິດພຽງຊົນລະນິດທີ່ຕໍ່ມາຂອງບັນດາປະກອບສະຖານທີໃນຕີນທີ່ຕໍ່ມາຂອງບັນດາປະກອບສະຖານທີໃນຕີນ, ແລະຈະສ້າງບັນດາຊົນລະນິດ jQuery ກັບບັນດາຊົນລະນິດທີ່ຕົກຮອງ.
ວິທີນີ້ຍິນຍອມຄຳສັ່ງຄົນເລືອກທີ່ຈະຕ້ອງການ, ເປັນປະເພດຄືກັບຄຳສັ່ງທີ່ຂ້ອຍສົ່ງໄປຫາວິທີ $(). ຖ້າບັນດາຊົນລະນິດພຽງຊົນລະນິດທີ່ຕໍ່ມາຈະຕົກຮອງກັບຄຳສັ່ງ, ຈະຖືກບັນຈຸຂື້ນໃນບັນດາຊົນລະນິດທີ່ຕັ້ງໃຈຕັ້ງໄປ; ຖ້າບໍ່, ຈະຖືກຫັນອອກ.
ກະຈາຍຄວາມຄິດຂອງທ່ານທີ່ມີບັນດາລາຍການທີ່ງົມງາມນີ້:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
ຖ້າພວກເຮົາເລີ່ມຈາກບັນດາ 3, ພວກເຮົາສາມາດຫາບັນດາປະກອບສະຖານທີ່ທີ່ຕໍ່ມາຂອງບັນດາປະກອບສະຖານທີ່ນັ້ນ.
$('li.third-item');.next();.css('background-color', 'red');
ຜົນຂອງການເອິ້ນຄັ້ງນີ້ແມ່ນວ່າບັນດາບັນດາ 4 ໄດ້ຖືກກະຈາຍສຳລັບສະໜາມຫຼັງເຫລືອ. ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ນໍາໃຊ້ຄຳສັ່ງຄົນເລືອກ, ປະກອບສະຖານທີ່ນັ້ນທີ່ຕໍ່ມານັ້ນແມ່ນກວດຫາຄົນເລືອກທີ່ຈະຖືກບັນຈຸຂື້ນທີ່ເປັນສ່ວນຫຼັກ. ຖ້າພວກເຮົາໄດ້ນໍາໃຊ້ຄຳສັ່ງ, ຈະກວດກາວ່າມັນຈະຕົກຮອງກັບຄຳສັ່ງກ່ອນຈະບັນຈຸຂື້ນ.
