Thay đổi văn bản phần tử thông qua jQuery

Trong các bài học trước, chúng ta đã học cách lấy một nhóm phần tử thông qua jQuery và thậm chí đã thấy một số ví dụ về làm việc với các phương thức. Bây giờ hãy tìm hiểu chúng chi tiết hơn. Trong bài học này, chúng ta sẽ học cách thay đổi văn bản của phần tử bằng hai phương thức: html và text.

Hãy giải quyết nhiệm vụ sau: lấy tất cả các phần tử với lớp www và đồng thời thay đổi văn bản của tất cả chúng thành '!!!'. Giả sử chúng ta có mã HTML sau:

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

Khi đó mã JavaScript sẽ trông như sau:

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

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

Qua jQuery mọi thứ sẽ đơn giản hơn nhiều: lấy tất cả các phần tử bằng ký hiệu đô la, như thế này: $('.www'), sau đó áp dụng cho chúng phương thức html, phương thức này nhận tham số là văn bản mới - $('.www').html('new text'). Xong! Dòng này sẽ thực hiện tất cả công việc mà không cần bất kỳ vòng lặp nào và những thứ linh tinh khác. Hãy chạy ví dụ và tự mình kiểm chứng:

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

Hãy đặt văn bản '!!!' cho tất cả các phần tử h3 bằng phương thức html.