jQuery ການເສັ່ງກັນ - ວິທີການ children():

ກົດລະບຽບ jQuery ການເລືອກຄົ້ນຫາ

ຄົນນຳ

ຊອກຫາປະເພດຄູ່ມູນຊື່ວ່າ "selected" ຂອງ div ທັງໝົດ ແລະ ຈັດໃຫ້ສະແດງສີຟ້າສີກາກກາຍ:

$("div").children(".selected").css("color", "blue");

ທ້າທາຍດຽວກັບເຂົາເຈົ້າ

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

method children() ກັບຄືນຂໍ້ຄວາມທັງໝົດຂອງຫຼັງທີ່ຖືກເລືອກ.

ວິທິການ

.children(selector)
ຄຳຄວາມສະແດງ ການອະທິບາຍ
selector ຄຳຄວາມສະແດງ, ກວມເອົາ selector expression ທີ່ຕົກຕ້ອງ.

ການອະທິບາຍຫຼັກ

ຖ້າມີ jQuery object ເປັນ set of DOM elements, .children() method ອານຸສາວະລີພວກເຮົາສາມາດຊອກຫາສິ່ງທີ່ຢູ່ໃນ DOM tree, ແລະ ທຳປະສານ jQuery object ທີ່ຕົກຕ້ອງກັບສິ່ງທີ່ຕົກຕ້ອງ..find() ຄືກັບ .children() ວິທີການ, ແຕ່ວິທີການນັ້ນພຽງແຕ່ພາຍໃຕ້ທີ່ມີສະແດງຫຼັງ.

ສະແດງ, ຄືກັບວິທີການ jQuery ທັງໝົດ, .children() ບໍ່ກັບຄືນຂໍ້ຄວາມ; ຖ້າພວກເຮົາຕ້ອງການມີກັບຄືນຂໍ້ຄວາມ ແລະ ຂໍ້ຄວາມຄວາມຄິດ, ກະລຸນາໃຊ້ .contents().

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

ຄິດຫາກັບເວັບໄຊທີ່ມີລາຍການນຳໃຊ້ກັບການບັນຈຸຫຼັງກັນ:

<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>

ທ້າທາຍດຽວກັບເຂົາເຈົ້າ

ຖ້າພວກເຮົາເລີ່ມຈາກລາຍການ level-2, ພວກເຮົາສາມາດຫາສິ່ງລົງມາຂອງມັນ:

$('ul.level-2').children().css('background-color', 'red');

ຜົນຂອງການໃຊ້ລະຫັດດັ່ງກ່າວຈະເປັນສະແດງຫຼັງການ A, B, C ທີ່ມີພາບຫຼັງສີແດງ. ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ໃຊ້ການຄົ້ນຫາຄວາມສະແດງ, ອີເລັກຕອນ jQuery ທີ່ກັບມາບັນຈຸທັງໝົດຂອງສິ່ງນອກ. ຖ້າພວກເຮົາໃຊ້ການຄົ້ນຫາຄວາມສະແດງ, ຈະມີພຽງແຕ່ສິ່ງທີ່ຕົກຕ້ອງພຽງຢ່າງດຽວ.

ກົດລະບຽບ jQuery ການເລືອກຄົ້ນຫາ