Phương thức jQuery parent ()
Thí dụ
Trả về phần tử mẹ trực tiếp của <span>:
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
Kết quả:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Định nghĩa và Cách sử dụng
Phương thức parent () trả về phần tử cha trực tiếp của phần tử được chọn.
Cây DOM: Phương thức này chỉ duyệt một cấp duy nhất lên cây DOM. Để đi qua toàn bộ phần tử gốc của tài liệu (để trả về ông bà hoặc tổ tiên khác), hãy sử dụng phương thức cha mẹ () hoặc cha mẹUntil () .
Mẹo: Để duyệt qua một cấp duy nhất xuống cây DOM hoặc tất cả các cấp xuống phần con cuối cùng (để trả về phần con hoặc phần con khác), hãy sử dụng phương thức children () hoặc find () .
Cú pháp
$(selector).parent(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the parent search |
Hãy tự mình thử - Ví dụ
. Cách trả về phần tử cha trực tiếp của mỗi phần tử <span>.
Cách sử dụng tham số bộ lọc để trả về phần tử <li> cha với tên lớp là "đầu tiên" của mỗi <span>.
Cách trả về tất cả phần tử <div> mẹ trực tiếp của mỗi phần tử <p>.
Một phần trình diễn cho biết tổ tiên của một phần tử <span> thực sự là ai.