jQuery ການການຄົ້ນຫາ - parents() ກົນລະຍຸດ

ການກວດສອບຄູ່ມື jQuery

ຄວາມລາຍງາຍ

ຄົ້ນຫາປະກອບ b ທຸກຫຼັງຂອງພວກມັນ:

$("b").parents()

ທ່ານຈະພະຍາຍາມຄັດວຽກກໍ່ຕາມ

ການກໍານົດ ແລະ ການນໍາໃຊ້

parents() ໄດ້ຮັບຜູ້ປະກອບປະຈຳຊຸມຄວາມທີ່ມີຂອງປະກອບທີ່ກຳລັງຈັບກັບໃນຊຸມຄວາມທີ່ກຳລັງຈັບ, ການໃຊ້ຄວາມຄົ້ນຫາກໍ່ສາມາດທົດລອງໄດ້.

.parents()selector)
ຄວາມຄິດ ການອະທິບາຍ
selector ຄວາມຄິດ, ບັນບາງຄຳສັ່ງເລືອກຕົວທີ່ນໍາໃຊ້ເພື່ອກວດກາບັນດາປະກອບສິ່ງ.

ການອະທິບາຍຢ່າງລະອຽດ

ຖ້າມີ jQuery object ທີ່ສະແດງບັນດາປະກອບສິ່ງ DOM, .parents() method ອານຸສາວະການພວກເຮົາສາມາດຊອກຫາບັນດາພັກສະຫລະຂອງບັນດາປະກອບສິ່ງນີ້ໃນ DOM tree, ແລະ ສ້າງ jQuery object ທີ່ຕັ້ງຢູ່ບັນດາປະກອບສິ່ງທີ່ຕົກຕ້ອງຈາກພັກສະຫລະຫລັງຈາກສະໜາມສະໜາມຫລັງຈາກ. ບັນດາປະກອບສິ່ງຈະຖືກກັບຄືນຕາມຊັ້ນສະໜາມຫລັງຈາກສະໜາມຫລັງຈາກ. .parent() ວິທີນີ້ຄືກັນ, ແຕ່ບໍ່ດຽວກັນວ່າຫລັງຈາກນີ້ຈະພັດທະນາຫລັງຈາກຕັ້ງທີ່ພັດທະນາຫລັງຈາກ.

ວິທີນີ້ຍອມຮັບ ຄຳສັ່ງເລືອກຕົວທີ່ສາມາດເລືອກ (optional) ເປັນຄວາມຄິດທີ່ດີ, ເຊັ່ນດຽວກັບຄຳສັ່ງທີ່ສົ່ງໄປໃຫ້ $() function. ຖ້ານໍາໃຊ້ຄຳສັ່ງເລືອກຕົວ, ຈະກວດກາບັນດາປະກອບສິ່ງວ່າຈະຕົກຕ້ອງກັບຄຳສັ່ງເລືອກຕົວດັ່ງກ່າວ.

ກະຕຸ້ນການພິຈາລະນາບັນດາເວັບໄຊທີ່ມີລາຍການວົງວາງພື້ນຖານ:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

ຖ້າພວກເຮົາເລີ່ມຈາກບັນດາລູກ A, ພວກເຮົາສາມາດຫາບັນດາພັກສະຫລະຂອງບັນດາລູກນີ້:

$('li.item-a').parents().css('background-color', 'red');

ທ່ານຈະພະຍາຍາມຄັດວຽກກໍ່ຕາມ

ຜົນຂອງການເອິ້ນຕາມນີ້ແມ່ນການຈັດສະແດງບັນດາປະກອບສິ່ງ ເລວທີ-2, ບັນດາບັນດາລູກ II ແລະ ບັນດາປະກອບສິ່ງ level-1 (ຕາມຕັບເມືອງ DOM ທາງອອກຫາ <html>) ທີ່ຈັດສະແດງສີສີຂຽວ. ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ນໍາໃຊ້ຄຳສັ່ງເລືອກຕົວ, ເຫລົ່າເປັນປະກອບສິ່ງຂອງພັກສະຫລະຂອງພວກເຮົາ. ຖ້ານໍາໃຊ້ຄຳສັ່ງເລືອກຕົວ, ຈະກວດກາບັນດາປະກອບສິ່ງວ່າຈະຕົກຕ້ອງກັບຄຳສັ່ງເລືອກຕົວດັ່ງກ່າວ. ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ນໍາໃຊ້ຄຳສັ່ງເລືອກຕົວ, ບັນດາພັກສະຫລະຂອງພວກເຮົາທັງໝົດແມ່ນປະກອບສິ່ງຂອງ jQuery object ທີ່ກັບຄືນ. ຖ້ານໍາໃຊ້ຄຳສັ່ງເລືອກຕົວ, ຈະລວມພຽງແຕ່ບັນດາປະກອບສິ່ງທີ່ຕົກຕ້ອງກັບຄຳສັ່ງເລືອກຕົວ.

ການກວດສອບຄູ່ມື jQuery