การเปลี่ยนข้อความขององค์ประกอบผ่าน jQuery

ในบทเรียนก่อนหน้านี้ เราเรียนรู้วิธีการรับกลุ่มองค์ประกอบผ่าน jQuery และได้เห็นตัวอย่างการทำงานกับเมธอดบางตัวแล้ว ตอนนี้เราจะมาศึกษารายละเอียดเพิ่มเติม ในบทเรียนนี้เราจะเรียนรู้การเปลี่ยนข้อความขององค์ประกอบโดยใช้สองเมธอด: html และ text

ลองแก้ไขปัญหาต่อไปนี้: รับองค์ประกอบทั้งหมดที่มีคลาส www และเปลี่ยนข้อความทั้งหมดเป็น '!!!' พร้อมกัน สมมติว่าเรามีโค้ด HTML ดังนี้:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

จากนั้นโค้ด JavaScript จะมีลักษณะดังนี้:

let elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
	elems[i].innerHTML = '!!!';
}

ผ่าน jQuery ทุกอย่างจะง่ายกว่ามาก: เราจะรับองค์ประกอบทั้งหมดโดยใช้เครื่องหมายดอลลาร์ เช่นนี้: $('.www') แล้วใช้เมธอด html ซึ่งรับพารามิเตอร์เป็นข้อความใหม่ - $('.www').html('new text') แค่นั้น! บรรทัดนี้จะทำงานทั้งหมดโดยไม่ต้องมีลูปหรือสิ่งอื่นใด ลองรันตัวอย่างและดูด้วยตัวเอง:

$('.www').html('!!!');

ให้เปลี่ยนข้อความของ h3 ทั้งหมดโดยใช้เมธอด html เป็นข้อความ '!!!'