Phương thức jQuery find ()
Thí dụ
Trả lại tất cả các phần tử <span> là con của <ul>:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Kết quả:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Định nghĩa và Cách sử dụng
Phương thức find () trả về các phần tử con của phần tử đã chọn.
Con cháu là con, cháu, chắt, v.v.
Cây DOM: Phương thức này truyền xuống dưới dọc theo con cháu của các phần tử DOM, cho đến hết phần tử con cuối cùng. Để chỉ duyệt một cấp duy nhất xuống cây DOM (để trả về các phần tử con trực tiếp), hãy sử dụng phương thức children () .
Lưu ý: Tham số bộ lọc là bắt buộc đối với phương thức find (), không giống như phần còn lại của các phương thức duyệt cây.
Mẹo: Để trả về tất cả các phần tử con, hãy sử dụng bộ chọn "*".
Cú pháp
$(selector).find(filter)
| Parameter | Description |
|---|---|
| filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Hãy tự mình thử - Ví dụ
Sử dụng bộ chọn "*" để trả về tất cả các phần tử là con của <html>.
Cách trả về tất cả các phần tử <span> là con của một phần tử <ul>.
Cách trả về các phần tử con với tên lớp là "đầu tiên".
Cách trả về nhiều phần tử con.
Cách trả về tất cả các phần tử <span> là con của một phần tử <ul> với một đối tượng jQuery.
Một phần trình bày cho biết con cái của phần tử <div> thực sự là ai.