Course Recommendation:
jQuery Traversal - parent() Method
Example
ຄົ້ນຫາປະກອບສະຖານທີ່ຈະຕົກຕໍ່ກັບ ຄຳນວຍສະແດງ "selected" ຂອງປະກອບສະຖານ ຕ້ານ.$("p")
.parent(".selected")
Definition and Usage
parent() ໄດ້ຮັບປະກອບສະຖານທີ່ຈະຕົກຕໍ່ປະກອບສະຖານທີ່ຈະຕົກຕໍ່ຂອງການຕົກຕໍ່, ທີ່ຈະຕົກຕໍ່ຄຳນວຍສະແດງແມ່ນອະນຸຍາດ.Description.parent(
) | Parameter |
---|---|
Description | selector |
String Value, ບັນປະສົມຄຳນວຍສະແດງທີ່ຈະຕົກຕໍ່ປະກອບສະຖານ.
ການອະທິບາຍຫຼັກຖ້າມີ jQuery Object ທີ່ສະແດງການສະຖານ DOM Element, .parent() Method ອະນຸຍາດພວກເຮົາສາມາດຊອກຫາປະກອບສະຖານຂອງປະກອບສະຖານທີ່ມີການຕົກຕໍ່, ແລະສ້າງ jQuery Object ທີ່ຕົກຕໍ່ປະກອບສະຖານທີ່ຈະຕົກຕໍ່. .parents()
ວິທີການນີ້ຍັງມີຄຳນວຍສະແດງທາງດຽວ, ຄືກັບຄຳນວຍສະແດງ .parent(), ແຕ່ວ່າຄຳນວຍສະແດງນີ້ຈະຍ້າຍຕົວຈາກປະກອບສະຖານທີ່ຕາມພາກພັນທີ່ຫຼັງການເລີ່ມຈາກ DOM.
ຄິດດີກ່ຽວກັບເວັບໄຊທີ່ມີລາຍການພາຍໃນຫຼັງທີ່ພື້ນຖານ:
<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').parent().css('background-color', 'red');
ຜົນຂອງການໂຫລດນີ້ແມ່ນການຕັ້ງ ສະແດງຫຼັງການແນ່ນອນ level-2 ສະແດງສີສີນຳສີແດງສີນຳສີແດງ. ຍ້ອນວ່າພວກເຮົາບໍ່ໄດ້ນໍາໃຊ້ຄຳນວຍສະແດງ, ເປັນຕົ້ນມັນຈະກາຍເປັນສ່ວນໜຶ່ງຂອງປະກອບສະຖານ. ຖ້າໄດ້ນໍາໃຊ້ຄຳນວຍສະແດງ, ຈະກວດສອບປະກອບສະຖານວ່າຈະຕົກຕໍ່ຄຳນວຍສະແດງດັ່ງກ່າວກ່ອນຈະກວດສອບປະກອບສະຖານທີ່ກວມເອົາ.