jQuery Traversing - Tổ tiên
Với jQuery, bạn có thể duyệt qua cây DOM để tìm tổ tiên của một phần tử.
Tổ tiên là cha mẹ, ông bà, cụ cố, vân vân.
Duyệt qua cây DOM
Ba phương thức jQuery hữu ích để duyệt qua cây DOM là:
parent()parents()parentsUntil()
Phương thức jQuery parent ()
Phương parent()thức trả về phần tử cha trực tiếp của phần tử đã chọn.
Phương thức này chỉ duyệt một cấp duy nhất lên cây DOM.
Ví dụ sau trả về phần tử cha trực tiếp của mỗi <span>
phần tử:
Thí dụ
$(document).ready(function(){
$("span").parent();
});
Phương thức jQuery parent ()
Phương parents()thức này trả về tất cả các phần tử tổ tiên của phần tử đã chọn, cho đến phần tử gốc của tài liệu ( <html>).
Ví dụ sau trả về tất cả tổ tiên của tất cả các
<span>phần tử:
Thí dụ
$(document).ready(function(){
$("span").parents();
});
Bạn cũng có thể sử dụng một tham số tùy chọn để lọc tìm kiếm tổ tiên.
Ví dụ sau trả về tất cả tổ tiên của tất cả các <span>phần tử là <ul>
phần tử:
Thí dụ
$(document).ready(function(){
$("span").parents("ul");
});
Phương thức jQuery parentUntil ()
Phương parentsUntil()thức trả về tất cả các phần tử tổ tiên giữa hai đối số đã cho.
Ví dụ sau trả về tất cả các phần tử tổ tiên giữa a <span>và một <div>phần tử:
Thí dụ
$(document).ready(function(){
$("span").parentsUntil("div");
});
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 .