jQuery ການເລືອກຄືນ - eq() method

jQuery ການເລືອກຄືນສະຫລຸບ

ຕົວຢ່າງ

ຜ່ານການເພີ່ມປະເພດ class ສຳລັບ div ທີ່ index ຈະຢູ່ 2 ເພື່ອປ່ຽນສີສີແດງເປັນສີຟ້າ:

$("body").find("div").eq(2).addClass("blue");

ຕັ້ງຕາມຂ້າພະເຈົ້າພຽງພໍ

ອະທິບາຍ ແລະ ການນໍາໃຊ້

eq() method ຈະມີການຫຼຸດຄວາມນຳພາຍໃນ jQuery object ທີ່ຈະຕົກລົງທີ່ index.

ວິທະຍຸ

.eq(index)
ປະເພດ ອະທິບາຍ
index

ຈຳນວນທີ່ມີຈຳນວນລະດັບສອງຈາກ 0.

ຖ້າindex ຈະຢູ່ຕາມລະດັບລົງນັ້ນຈະນຳສະເໜີຈາກທີ່ຫຼັງຂອງກຸ່ມ.

ອະທິບາຍລະອຽດ

ຖ້າມີ jQuery object ທີ່ປະກອບດ້ວຍບັນດາ DOM element set，.eq() method ຈະນຳສະເໜີ jQuery object ທີ່ປະກອບດ້ວຍບັນດາລາຍການທີ່ມີທີ່ຢູ່ຕາມ index parameter ທີ່ມີຕົວຈາກທີ່ຢູ່ໃນກຸ່ມ.

ບັນດາລາຍການທີ່ພວກເຮົາຈະເບິ່ງຕໍ່າຢູ່ລັງສະຫລາກນີ້:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

ຕົວຢ່າງ 1

ພວກເຮົາສາມາດນຳໃຊ້ກົນລະຍຸດນີ້ຕໍ່ບັນດາລາຍການຂອງພວກເຮົາ:

$('li').eq(2).css('background-color', 'red');

ຕັ້ງຕາມຂ້າພະເຈົ້າພຽງພໍ

ຜົນຂອງການເອິ້ນການປ່ຽນສະຖານະສີສີແດງຂອງບັນດາລາຍການ 3 ແມ່ນການປ່ຽນສີສີແດງສີແດງ. ສະເໜີວ່າ index ຕັ້ງຢູ່ຕາມລະດັບດຽວເພັນແລະສະເໜີທີ່ຕັ້ງຢູ່ໃນ jQuery object ບໍ່ແມ່ນໃນ DOM tree.

ຕົວຢ່າງ 2

ຖ້າມີຈຳນວນລາງວັນນັ້ນທີ່ລາງວັນຕໍ່ມາຈະນຳສະເໜີທີ່ຈະນຳສະເໜີຈາກທີ່ຫຼັງຂອງກຸ່ມບໍ່ຈະນຳສະເໜີຈາກທີ່ຕົ້ນຂອງກຸ່ມ. ຕົວຢ່າງ:

$('li').eq(-2).css('background-color', 'red');

ຕັ້ງຕາມຂ້າພະເຈົ້າພຽງພໍ

ຕອນນີ້،ພາບຫຼັງສີສີແດງຂອງບັນດາລາຍການ 4 ໄດ້ປ່ຽນໄປສີແດງຍ້ອນວ່າມັນເປັນອັນດັບສອງຈາກທີ່ຫຼັງຂອງກຸ່ມ.

ຕົວຢ່າງ 3

ຖ້າບໍ່ສາມາດຫາຫາງຕາມພາສາສັນຍາ index parameter ໄດ້ເຫັນຫາຫາງຫຼັງຈາກມາຂອງພວກມັນສະເໜີ jQuery object ທີ່ມີຄືນວ່າ empty set，length attribute ມີຄຸນສົມບູນ 0。

$('li').eq(5).css('background-color', 'red');

ຕັ້ງຕາມຂ້າພະເຈົ້າພຽງພໍ

ບ່ອນນີ້，ບໍ່ມີລາຍການລົງມາສີແດງແນວນັ້ນຍ້ອນ .eq(5) ທີ່ນຳສະເໜີລາຍການລົງມາທີຫົກ.

jQuery ການເລືອກຄືນສະຫລຸບ