Hiển thị văn bản phần tử thông qua jQuery

Các phương thức html và text có thể được sử dụng không chỉ để thay đổi văn bản của các phần tử, mà còn để hiển thị nó trên màn hình. Hãy lấy một phần tử và hiển thị văn bản của nó:

<p id="test">text</p> alert($('#test').html());

Nếu bạn cố gắng lấy văn bản không phải của một phần tử, mà của nhiều phần tử, thì bạn sẽ chỉ thấy nội dung của phần tử đầu tiên. Hãy sử dụng phương thức each, để lấy văn bản của tất cả các phần tử, nó sẽ được đề cập trong các bài học tiếp theo.

Trong ví dụ dưới đây, chúng ta lấy tất cả các đoạn văn có lớp www:

<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Sau đó hiển thị nội dung bằng html, khi đó chỉ văn bản của đoạn văn đầu tiên trong số các đoạn văn được tìm thấy sẽ được hiển thị:

alert($('.www').html()); // sẽ hiển thị 'text1'

Cũng cần cẩn thận với phương thức text, trong trường hợp của chúng ta, nó sẽ hiển thị nội dung của tất cả các phần tử được tìm thấy:

alert($('.www').text()); // sẽ hiển thị 'text1text2text3'