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

Mô hình

Hiển thị span đầu tiên trong đoạn văn:

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

Hãy thử tự mình

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

first() sẽ giảm tập hợp các phần tử khớp xuống phần tử đầu tiên trong tập hợp.

Ngữ pháp

.first()

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 .first() sẽ sử dụng phần tử khớp đầu tiên để tạo một đối tượng jQuery mới.

Hãy suy nghĩ về trang web dưới đâ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').first().css('background-color', 'red');

Hãy thử tự mình

Kết quả của cuộc gọi này là, dự án đầu tiên được thiết lập với nền màu đỏ.