jQuery ການພັດທະນາ - has() ວິທີ

ຄວາມນັບບັນຍາ

ກວດສອບວ່າປະກອບສິນບັນດາພາກສ່ວນຈະຢູ່ໃນປະກອບສິນອີກຄັ້ງຫຼືບໍ່:

$("ul").append("<li>" + ($("ul").has("li").length ? "Yes" : "No") + "</li>");
$("ul").has("li").addClass("full");

ທ່ານຈະສາມາດທົດລອງດັ່ງກ່າວນີ້

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

has() ຈະຫຼຸດຄູ່ມືພາກສ່ວນຈາກບັນດາພາກສ່ວນທີ່ຕິດຕາມຄູ່ມືຫຼື DOM ພາກສ່ວນທີ່ຕິດຕາມຄູ່ມືຕ່າງໆ.

ກົດລະບຽບ

.has(selector)
ປະເພດ ອະທິບາຍ
selector ຄວາມມອງຄວາມຄິດ ບັນດາສິບຕິກຳທີ່ຕິດຕາມຄູ່ມື.

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

ຖ້າມີບັນດາພາກສ່ວນ DOM ແບບ jQuery,.has() ວິທີຈະສ້າງບັນດາພາກສ່ວນ jQuery ອີກຄັ້ງຈາກສະມາຊິກພັນລະມານຂອງບັນດາພາກສ່ວນທີ່ຕິດຕາມຄູ່ມື. ຄູ່ມືທີ່ນຳໃຊ້ຈະນຳໃຊ້ເພື່ອກວດກາສິບຕິກຳພັນລະມານ; ຖ້າບັນດາສິບຕິກຳພັນລະມານໃດໜຶ່ງຕິດຕາມຄູ່ມືນີ້ ບັນດາພາກສ່ວນຈະຖືກບັນທຶກໃນຜົນ.

ຄິດວ່າເບິ່ງເບື້ອງນີ້ຂອງຫຼັກສານທີ່ມີລາຍການວົງໃສ:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
    <ul>
      <li>list item 2-a</li>
      <li>list item 2-b</li>
    </ul>
  </li>
  <li>list item 3</li>
  <li>list item 4</li>
</ul>

ພວກເຮົາສາມາດນຳໃຊ້ວິທີນີ້ຕໍ່ກັບຄູ່ມືລາຍການລາຍການຫຼັງຈາກນີ້:

$('li').has('ul').css('background-color', 'red');

ທ່ານຈະສາມາດທົດລອງດັ່ງກ່າວນີ້

ຜົນຂອງການເອິ້ນຕາມນີ້ແມ່ນ ຕົວແທນ 2 ມີພາບຫຼັງສີແດງ ຍ້ອນວ່າບັນດາຕົວແທນນີ້ເປັນສິບຕິກຳທີ່ມີ <ul> <li>.