jQuery 遍历 - nextAll() 方法

ກົດລະບຽບ jQuery ການຊອກຫາ

实例

查找第一个 div 之后的所有类名，并为他们添加类名：

$("div:first").nextAll().addClass("after");

ທ່ານຄົງຈະທົດລອງດັ່ງກ່າວ

定义和用法

nextAll() 获得匹配元素集合中每个元素的所有跟随的同胞元素，由选择器筛选是可选的。

ກົດລະບຽບ

.nextAll(selector)
ຄວາມພາບແບບ ອະທິບາຍ
selector ຄວາມພາບແບບສະແດງຄຳນວຍສືບສວນທີ່ຈະຕົກຮອງບັນດາສິ່ງ.

ອະທິບາຍຫຼາຍກວ່າ

ຖ້າມີບັນດາສິ່ງທີ່ສະແດງໃຫ້ວ່າສະໂນມັດ DOM ບັນດາສິ່ງ jQuery .nextAll() ການນຳໃຊ້ພວກເຮົາສາມາດຊອກຫາບັນດາສິ່ງທີ່ຈະຕາມຫຼັງສິ່ງທີ່ມີຊົນປະດາໃນແບບວົງກາຍ DOM ແລະສ້າງບັນດາສິ່ງ 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>

ຖ້າພວກເຮົາເລີ່ມຈາກໂຄງການທີສາມນັ້ນຫຼັງຈາກນັ້ນພວກເຮົາສາມາດຊອກຫາບັນດາສິ່ງທີ່ອອກມາຫຼັງນັ້ນ:

$('li.third-item').nextAll().css('background-color', 'red');

ທ່ານຄົງຈະທົດລອງດັ່ງກ່າວ

ຜົນຂອງການເອິ້ນຕາມນີ້ແມ່ນວ່າໂຄງການ 4 ແລະ 5 ໄດ້ຖືກກວດແປງໃຫ້ມີພາບຫຼັງສີແດງທີ່ສີຂຽວ。ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ນໍາໃຊ້ຄຳນວຍສືບສວນຄົນເລືອກມີຕົວປະກອບຂອງສິ່ງມີຈຳນວນຢ່າງຊັດເຈນທີ່ຈະລວມເຂົ້າມາເປັນສ່ວນຂອງບັນດາບັນດາ. ຖ້າພວກເຮົາໄດ້ໃຊ້ຄຳນວຍສືບສວນແລ້ວກໍ່ຈະກວດກາວ່າບັນດາສິ່ງຈະຕົກຮອງຫຼືບໍ່ກ່ອນກ່ອນທີ່ຈະລວມເຂົ້າມາ.

ກົດລະບຽບ jQuery ການຊອກຫາ