jQuery Traversal - contents() Method

ຄວາມປະສົງ

ຊອກຫາບັນດາຂອງຄວາມທີ່ຢູ່ໃນຕາມ, ແລະ ວາງແຜ່ນເບື້ອງໃຫຍ່.

$("p").contents().filter(function(){ return this.nodeType != 1; }).wrap("<b/>");

ສວດການດຽວກັບຕົນເອງ

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

contents() Method ຮັບຂໍ້ຕົກລົງພັກສ່ວນທີ່ຕິດຕາມກັບພັກສ່ວນ, ລວມທັງບັນດາຂອງຂໍ້ຄວາມ ແລະ ຂອງຄວາມສັນຍານ.

ສັບສິນ

.contents()

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

ຖ້າມີປະເພດຢູ່ DOM Element Collection jQuery Object, .contents() Method ອາດສາມາດຊອກຫາຜູ້ລວມຊົນເຜົ່າຂອງພັກສ່ວນດັ່ງກ່າວຈາກຕົ້ນພື້ນຖານ DOM Tree, ແລະ ສ້າງ jQuery Object ທີ່ຕິດຕາມພັກສ່ວນ. .contents() ແລະ .children() ວິທີກໍານົດດຽວກັນ ແຕ່ວ່າບົດກອກ .nodeType; ຂອງວິທີກໍານົດທຳອິດຈະລວມທັງຄວາມຕາມ ແລະບົດກອກ HTML.

.contents() ວິທີກໍານົດສາມາດນຳໃຊ້ເພື່ອເອົາເນື້ອຫຼັກຂອງເອຟໍໄມ ພວກທີ່ໃຊ້ພາຍໃນເຂດດຽວກັບເວັບໄຊໃຫຍ່.

ສວດການຄິດຂອງທ່ານຢູ່ລາຍການດັ່ງກ່າວນີ້ <div> ທີ່ມີຄວາມຕາມຫຼາຍຫົວຂໍ້ ແລະແຕ່ລະຫົວຂໍ້ຖືກແຍກດ້ວຍສັນຍາວຽກນີ້ (<br />):

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
  do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
  <br /><br />
  Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  laboris nisi ut aliquip ex ea commodo consequat.
  <br /> <br />
  Duis aute irure dolor in reprehenderit in voluptate velit 
  esse cillum dolore eu fugiat nulla pariatur.
</div>

ພວກເຮົາສາມາດໃຊ້ວິທີ .contents() ເພື່ອແປງບົດກອກທີ່ມີຮູບແບບດີ:

$('.container').contents().filter(function() {
  return this.nodeType == 3;
)
  .wrap('<p></p>')
.end()
.filter('br')
  .remove();

ສວດການດຽວກັບຕົນເອງ

ວິທີກໍານົດນີ້ຈະເອົາເນື້ອຫຼັກຂອງ <div class="container"> ແລະເລື່ອນຄັນເປັນບົດກອກທີ່ເປັນຄວາມຕາມ. ນີ້ແມ່ນຜ່ານຈາກການກວດສອບລະບຽບ .nodeType; ລະບຽບຄວາມຕາມມີລະບຽບທີ 3. ນີ້ຈະຖືກກວດສອບອີກຄັ້ງ ກ່ຽວກັບ <br /> ທີ່ຈະຖືກເອົາອອກ.