Phương thức jQuery parentUntil ()
Thí dụ
Trả về tất cả các phần tử tổ tiên giữa <span> và <div>:
$(document).ready(function(){
$("span").parentsUntil("div").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 cha mẹUntil () trả về tất cả các phần tử tổ tiên giữa bộ chọn và dừng .
Tổ tiên là cha mẹ, ông bà, cụ cố, vân vân.
Cây DOM: Phương thức này đi ngược lên từ phần tử mẹ dọc theo tổ tiên của các phần tử DOM, đến tận phần tử gốc của tài liệu, cho đến khi nó đến một phần tử cụ thể.
Lưu ý: Nếu cả hai tham số đều trống, phương thức này sẽ trả về tất cả các phần tử tổ tiên (giống như phương thức cha mẹ () ).
Các phương pháp liên quan:
- parent () - trả về phần tử cha trực tiếp của phần tử đã chọn
- cha mẹ () - trả về tất cả các phần tử tổ tiên của phần tử đã chọn
- gần nhất () - trả về tổ tiên đầu tiên của phần tử đã chọn
Cú pháp
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Hãy tự mình thử - Ví dụ
Cách sử dụng cả hai tham số để lọc tìm kiếm một phần tử cụ thể giữa <span> và <div>.
Cách trả về nhiều tổ tiên giữa <span> và <body>.
Trả lại tất cả các tổ tiên giữa <span> và <div> bằng cách sử dụng phần tử DOM.
Sử dụng phần tử DOM để thu hẹp tìm kiếm tổ tiên cho các phần tử <ul> giữa <span> và <div>.