Duyệt qua jQuery - Anh chị em ruột
Với jQuery, bạn có thể duyệt ngang trong cây DOM để tìm các phần tử anh em của một phần tử.
Anh chị em có chung cha mẹ.
Di chuyển ngang trong cây DOM
Có nhiều phương thức jQuery hữu ích để duyệt ngang trong cây DOM:
-
siblings()
-
next()
-
nextAll()
-
nextUntil()
-
prev()
-
prevAll()
-
prevUntil()
Phương thức anh chị em jQuery()
Phương thức siblings()
trả về tất cả các phần tử anh chị em của phần tử được chọn.
Ví dụ sau trả về tất cả các phần tử anh em của <h2>
:
Bạn cũng có thể sử dụng tham số tùy chọn để lọc tìm kiếm anh chị em ruột.
Ví dụ sau trả về tất cả các phần tử anh em của <h2>
là phần tử <p>
:
Phương thức jQuery next()
Phương thức next()
trả về phần tử anh em tiếp theo của phần tử được chọn.
Ví dụ sau trả về phần tử anh em tiếp theo của <h2>
:
Phương thức jQuery nextAll()
Phương thức nextAll()
trả về tất cả các phần tử anh em tiếp theo của phần tử được chọn.
Ví dụ sau trả về tất cả các phần tử anh em tiếp theo của <h2>
:
Phương thức jQuery nextUntil()
Phương thức nextUntil()
trả về tất cả các phần tử anh em tiếp theo giữa hai đối số đã cho.
Ví dụ sau trả về tất cả các phần tử anh em giữa phần tử <h2>
và phần tử <h6>
:
Các phương thức prev(), prevAll() & prevUntil() của jQuery
Các phương thức prev()
, prevAll()
và prevUntil()
hoạt động giống như các phương thức trên nhưng có chức năng ngược lại: chúng trả về các phần tử anh em trước đó (di chuyển ngược dọc theo các phần tử anh em trong cây DOM, thay vì chuyển tiếp).
bài tập jQuery
Tham chiếu duyệt qua jQuery
Để có cái nhìn tổng quan đầy đủ về tất cả các phương pháp Truyền tải jQuery, vui lòng truy cập Tài liệu tham khảo Truyền tải jQuery của chúng tôi.