Phương thức jQuery children ()
Thí dụ
Trả về các phần tử là con trực tiếp của <ul>:
$(document).ready(function(){
$("ul").children().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 children () trả về tất cả các phần tử con trực tiếp của phần tử đã chọn.
Cây DOM: Phương thức này chỉ duyệt một cấp độ duy nhất xuống cây DOM. Để duyệt xuống nhiều cấp (để trả về cháu hoặc con cháu khác), hãy sử dụng phương thức find () .
Mẹo: Để duyệt một cấp duy nhất lên cây DOM hoặc lên đến phần tử gốc của tài liệu (để trả về cha mẹ hoặc tổ tiên khác), hãy sử dụng phương thức cha mẹ () hoặc cha mẹ () .
Lưu ý: Phương thức này không trả về các nút văn bản. Để trả về tất cả các nút con bao gồm các nút văn bản, hãy sử dụng phương thức nội dung () .
Cú pháp
$(selector).children(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for children |
Hãy tự mình thử - Ví dụ
Cách trả về tất cả các phần tử con trực tiếp của một phần tử <ul>.
Cách sử dụng tham số bộ lọc để trả về tất cả <li> phần tử có tên lớp là "đầu tiên", là con trực tiếp của <ul>.
Cách chọn tất cả các phần tử <p> là con trực tiếp của phần tử <div> mẹ của chúng.
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.