วิธี contents

วิธี contents รับลูกหลานขององค์ประกอบ รวมถึงข้อความและความคิดเห็น

ไวยากรณ์

วิธีไม่รับพารามิเตอร์:

javascript.contents();

วิธี contents ทำงานคล้ายกับวิธี children ความแตกต่างจะปรากฏเมื่อพยายาม เข้าถึงข้อความของลูกหลาน เปรียบเทียบสอง ตัวอย่างที่ให้ไว้ด้านล่าง:

ตัวอย่าง

ใช้วิธี children:

html<p id="test">text1 <b>bold</b> text2</p>
javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // จะแสดง 'bold'
  }
);

ตัวอย่าง

ใช้วิธี contents:

html<p id="test">text1 <b>bold</b> text2</p>
javascript$('#test').contents().each(
  function() {
    console.log($(this).text()); // จะแสดง 'text1', 'bold', 'text2'
  }
);

ดูเพิ่มเติม

  • วิธี children,
    ซึ่งช่วยให้รับลูกหลานขององค์ประกอบได้
  • วิธี parent,
    ซึ่งช่วยให้รับผู้ปกครองโดยตรง ขององค์ประกอบได้
  • วิธี parents,
    ซึ่งช่วยให้รับผู้ปกครองทั้งหมด ขององค์ประกอบได้
  • วิธี closest,
    ซึ่งช่วยให้รับองค์ประกอบผู้ปกครองที่ใกล้ที่สุด ที่ตรงกับตัวเลือก (selector)