jQuery lặp - phương pháp last()

Mô hình

Hiển thị span cuối cùng trong đoạn văn:

$("p span").last().addClass('highlight');

Hãy thử trực tiếp

Định nghĩa và cách sử dụng

last() sẽ giảm tập hợp các phần tử khớp xuống phần tử cuối cùng trong tập hợp.

Ngữ pháp

.last()

Giải thích chi tiết

Nếu cho một đối tượng jQuery đại diện cho tập hợp các phần tử DOM, phương pháp .last() sẽ sử dụng phần tử khớp cuối cùng để tạo một đối tượng jQuery mới.

Hãy suy nghĩ về trang web sau này có danh sách đơn giản:

<ul>
  <li>mục danh sách 1</li>
  <li>mục danh sách 2</li>
  <li>mục danh sách 3</li>
  <li>mục danh sách 4</li>
  <li>mục danh sách 5</li>
</ul>

Chúng ta có thể áp dụng phương pháp này đối với tập hợp các mục danh sách:

$('li').last().css('background-color', 'red');

Hãy thử trực tiếp

Kết quả của cuộc gọi này là, mục cuối cùng được thiết lập màu nền đỏ.