jQuery Traversing - Lọc
Phương thức đầu tiên (), cuối cùng (), eq (), filter () và not ()
Các phương pháp lọc cơ bản nhất là first()và last()cho eq()phép bạn chọn một phần tử cụ thể dựa trên vị trí của nó trong một nhóm các phần tử.
Các phương pháp lọc khác, như filter()và not()cho phép bạn chọn các phần tử phù hợp hoặc không khớp với một tiêu chí nhất định.
Phương thức jQuery first ()
Phương first()thức trả về phần tử đầu tiên của các phần tử được chỉ định.
Ví dụ sau chọn <div>
phần tử đầu tiên:
Thí dụ
$(document).ready(function(){
$("div").first();
});
Phương thức jQuery last ()
Phương last()thức trả về phần tử cuối cùng của các phần tử được chỉ định.
Ví dụ sau chọn <div>
phần tử cuối cùng:
Thí dụ
$(document).ready(function(){
$("div").last();
});
phương thức jQuery eq ()
Phương eq()thức trả về một phần tử có số chỉ mục cụ thể của các phần tử đã chọn.
Các số chỉ mục bắt đầu từ 0, vì vậy phần tử đầu tiên sẽ có chỉ số 0 chứ không phải 1. Ví dụ sau chọn <p>phần tử thứ hai (chỉ số 1):
Thí dụ
$(document).ready(function(){
$("p").eq(1);
});
Phương thức jQuery filter ()
Phương filter()pháp này cho phép bạn chỉ định một tiêu chí. Các phần tử không phù hợp với tiêu chí sẽ bị xóa khỏi lựa chọn và những phần tử phù hợp sẽ được trả lại.
Ví dụ sau trả về tất cả các <p>phần tử có tên lớp là "phần giới thiệu":
Thí dụ
$(document).ready(function(){
$("p").filter(".intro");
});
Phương thức jQuery not ()
Phương not()thức trả về tất cả các phần tử không phù hợp với tiêu chí.
Mẹo: Phương not()pháp này ngược lại với filter().
Ví dụ sau trả về tất cả các <p>phần tử không có tên lớp "giới thiệu":
Thí dụ
$(document).ready(function(){
$("p").not(".intro");
});
Bài tập jQuery
Tham chiếu chuyển hướng jQuery
Để có cái nhìn tổng quan đầy đủ về tất cả các phương thức duyệt jQuery, vui lòng truy cập Tài liệu tham khảo jQuery Traversing của chúng tôi .