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');
Đị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');
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 đỏ.