jQuery Traversing - Con cháu
Với jQuery, bạn có thể duyệt qua cây DOM để tìm con cháu của một phần tử.
Con cháu là con, cháu, chắt, v.v.
Đi ngang qua cây DOM
Hai phương thức jQuery hữu ích để duyệt qua cây DOM là:
children()find()
Phương thức jQuery children ()
Phương children()thức trả về tất cả các phần tử con 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 xuống cây DOM.
Ví dụ sau trả về tất cả các phần tử là con trực tiếp của mỗi <div>phần tử:
Thí dụ
$(document).ready(function(){
$("div").children();
});
Bạn cũng có thể sử dụng một tham số tùy chọn để lọc tìm kiếm trẻ em.
Ví dụ sau trả về tất cả các <p>phần tử có tên lớp là "đầu tiên", là con trực tiếp của <div>:
Thí dụ
$(document).ready(function(){
$("div").children("p.first");
});
Phương thức jQuery find ()
Phương find()thức trả về các phần tử con của phần tử đã chọn, tất cả các phần tử con cuối cùng.
Ví dụ sau trả về tất cả các <span>phần tử là con của <div>:
Thí dụ
$(document).ready(function(){
$("div").find("span");
});
Ví dụ sau trả về tất cả các con của <div>:
Thí dụ
$(document).ready(function(){
$("div").find("*");
});
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 .