jQuery 遍历 - prevAll() 方法

实例

定位最后一个 div 之前的所有 div,并为它们添加类:

$("div:last").prevAll().addClass("before");

ທ່ານຈະສວບສວນດຽວກັນ

定义和用法

prevAll() 获得当前匹配元素集合中每个元素的前面的同胞元素,使用选择器进行筛选是可选的。

ກົນລະບົບ

.prevAll(selector)
ຄຳສັບສິນ ອະທິບາຍ
selector ຄວາມພາສາ, ບັນດາຄຳສັບສິນຕິດຕາມຄູ່ມວນຊົນທີ່ຈະຈະຕົກຮູບກັບບັນດາບັນດາອຸປະກອນ.

ອະທິບາຍຫຼາຍ

ຖ້າມີກົນລະບົບ jQuery ທີ່ມີບັນດາບັນດາອຸປະກອນທີ່ຈະສະແດງ DOM, .prevAll() ກົນລະບົບຈະອະນຸຍາດພວກເຮົາທີ່ຈະຊອກຫາບັນດາບັນດາອຸປະກອນພິມາຊົນທີ່ຢູ່ບ່ອນທີ່ບັນດາບັນດາອຸປະກອນນັ້ນໃນຕົ້ນໃນແບບບັນດາບັນດາອຸປະກອນ 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').prevAll().css('background-color', 'red');

ທ່ານຈະສວບສວນດຽວກັນ

ຄຳການການໂຫວດທີ່ຖືກເອົາຈະແຈງສີສີຂຽວສີສີຫຼັງແມ່ນບັນດາບັນດາອຸປະກອນ 2 ແລະ 1. ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ນໍາໃຊ້ຄຳສັບສິນຕິດຕາມຄູ່ມວນຊົນເພີ່ມ, ບັນດາອຸປະກອນກ່ອນນັ້ນຈະກາຍເປັນສ່ວນໜຶ່ງຂອງບັນດາບັນດາອຸປະກອນ. ຖ້າມີການນໍາໃຊ້ຄຳສັບສິນຕິດຕາມຄູ່ມວນຊົນເພີ່ມ, ຈະກວດກາບັນດາອຸປະກອນພວກນີ້ວ່າພວກເຂົາຈະຕົກຮູບກັບຄຳສັບສິນຕິດຕາມຄູ່ມວນຊົນເພີ່ມກ່ອນຈະມີການສ້າງບັນດາອຸປະກອນທີ່ບັນດາບັນດາອຸປະກອນພາຍໃນ.