การแสดงข้อความขององค์ประกอบผ่าน jQuery
เมธอด html
และ text
สามารถนำมาใช้ไม่เพียงแต่เพื่อเปลี่ยนแปลงข้อความ
ขององค์ประกอบ แต่ยังเพื่อแสดงผลบนหน้าจออีกด้วย มา
รับองค์ประกอบและแสดง
ข้อความของมันกัน:
<p id="test">text</p>
alert($('#test').html());
หากคุณพยายามจะรับข้อความไม่ใช่จาก
องค์ประกอบเดียว แต่จากหลายองค์ประกอบ คุณจะเห็นเฉพาะเนื้อหาของ
องค์ประกอบแรกเท่านั้น ใช้เมธอด
each
เพื่อรับข้อความขององค์ประกอบทั้งหมด, จะ
กล่าวถึงมันในบทเรียนถัดไป
ในตัวอย่างด้านล่างนี้เราได้รับย่อหน้าทั้งหมดที่มีคลาส
www:
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
จากนั้นแสดงผลเนื้อหาด้วย
html, ซึ่งจะแสดงเฉพาะข้อความของย่อหน้าแรก
จากที่ได้รับ:
alert($('.www').html()); // จะแสดง 'text1'
ต้องระมัดระวังกับเมธอด text เช่นกัน
ในกรณีของเรา มันจะแสดงเนื้อหาขององค์ประกอบที่พบ
ทั้งหมด:
alert($('.www').text()); // จะแสดง 'text1text2text3'
