jQuery วิธีเดินทาง - .contents()

jQuery อ่านตามคู่มือ

ตัวอย่าง

หาตัวอักษรทั้งหมดในย่อง และบรรจุด้วยแท็กซ์ต์หนา

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

ทดลองด้วยตัวเอง

คำนิยามและวิธีใช้

วิธี .contents() ได้ลูกตัวขององค์ประกอบที่ตรงกันขององค์ประกอบที่ตรงกันขององค์ประกอบที่ตรงกันขององค์ประกอบ รวมถึงตัวอักษรและตัวหมายเหตุ

วิธีการใช้

.contents()

รายละเอียด

ถ้าให้ jQuery วิธีสำหรับตัวแปร DOM องค์ประกอบ วิธี .contents() อนุญาตให้เราค้นหาลูกตัวที่ตรงกันขององค์ประกอบเหล่านั้นในต้นไม้ DOM และสร้างตัวแปร jQuery ใหม่ด้วยองค์ประกอบที่ตรงกันขององค์ประกอบ .contents() และ .children() .children()

.contents() มีความหมายเดียวกัน แต่แตกต่างกันคือตัวแรกมีองค์ประกอบข้อความและองค์ประกอบ HTML ในผลลัพธ์ jQuery Object

คิดถึง <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 /> ซึ่งจะถูกลบออกไป

jQuery อ่านตามคู่มือ