Phương thức jQuery near ()
Thí dụ
Trả về tổ tiên đầu tiên của <span>, đó là phần tử <ul>:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
Kết quả:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor - first grandparent) - li (direct parent) span
Định nghĩa và Cách sử dụng
Phương thức gần nhất () trả về tổ tiên đầu tiên của phần tử được chọn.
Tổ tiên là cha mẹ, ông bà, cụ cố, vân vân.
Cây DOM: Phương thức này di chuyển lên trên từ phần tử hiện tại, đến tận phần tử gốc của tài liệu (<html>), để tìm tổ tiên đầu tiên của các phần tử DOM.
Phương thức này tương tự như phương thức cha mẹ () , trong đó cả hai đều duyệt lên cây DOM. Sự khác biệt như sau:
gần nhất()
- Bắt đầu với phần tử hiện tại
- Di chuyển lên cây DOM và trả về tổ tiên (duy nhất) đầu tiên phù hợp với biểu thức đã truyền
- Đối tượng jQuery trả về chứa không hoặc một phần tử
bố mẹ()
- Bắt đầu với phần tử mẹ
- Di chuyển lên cây DOM và trả về tất cả các tổ tiên phù hợp với biểu thức đã truyền
- Đối tượng jQuery trả về chứa không hoặc nhiều hơn một phần tử
Các phương pháp liên quan khác:
- parent () - trả về phần tử cha trực tiếp của phần tử đã chọn
- cha mẹUntil () - trả về tất cả các phần tử tổ tiên giữa hai đối số đã cho
Cú pháp
Trả về tổ tiên đầu tiên của phần tử đã chọn:
$(selector).closest(filter)
Trả lại tổ tiên đầu tiên bằng cách sử dụng ngữ cảnh DOM để tra cứu cây DOM trong:
$(selector).closest(filter,context)
| Parameter | Description |
|---|---|
| filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
| context | Optional. A DOM element within which a matching element may be found |
Hãy tự mình thử - Ví dụ
Vì phương thức này bắt đầu với phần tử hiện tại, nên việc tìm kiếm <span> đầu tiên của <span>, sẽ trả về <span>.
Sử dụng cả hai tham số để chuyển vào một phần tử DOM làm ngữ cảnh trong đó để tìm kiếm phần tử <ul> đầu tiên.