Truy vấn - Hậu duệ jQuery

Các thẻ con là con, cháu, chắt, v.v.

Bằng jQuery, bạn có thể duyệt DOM cây xuống để tìm kiếm các thẻ con.

Duyệt DOM cây xuống

Dưới đây là hai phương thức của jQuery được sử dụng để duyệt DOM cây xuống.

  • children()
  • find()

Phương thức jQuery children()

Phương thức children() trả về tất cả các thẻ con của thẻ được chọn.

Phương thức này chỉ duyệt DOM cây xuống một cấp.

Dưới đây là ví dụ để trả về tất cả các thẻ con trực tiếp của mỗi thẻ <div>:

Mô hình

$("document").ready(function(){
  $("div").children();
});

Thử trực tiếp

Bạn cũng có thể sử dụng các tham số tùy chọn để lọc tìm kiếm các thẻ con.

Dưới đây là ví dụ để trả về tất cả các thẻ <p> có tên lớp là "1", và chúng là thẻ con trực tiếp của <div>:

Mô hình

$("document").ready(function(){
  $("div").children("p.1");
});

Thử trực tiếp

Phương thức jQuery find()

Phương thức find() trả về các thẻ con của thẻ được chọn, đi xuống cho đến thẻ con cuối cùng.

Dưới đây là ví dụ để trả về tất cả các thẻ <span> thuộc về后辈 của <div>:

Mô hình

$("document").ready(function(){
  $("div").find("span");
});

Thử trực tiếp

Dưới đây là ví dụ để trả về tất cả các后辈 của <div>:

Mô hình

$("document").ready(function(){
  $("div").find("*");
});

Thử trực tiếp

Hướng dẫn tham khảo jQuery duyệt

Nếu bạn muốn biết tất cả các phương pháp duyệt jQuery, hãy truy cập trang web của chúng tôi Hướng dẫn tham khảo jQuery duyệt。