Phần tử HTML DOM gần nhất() Phương thức
Ví dụ
Tìm phần tử gần nhất khớp với bộ chọn CSS ".container":
const element = document.getElementById("myElement");
const closest = element.closest(".container");
Hãy tự mình thử »Tìm phần tử gần nhất khớp với ".container" hoặc ".wrapper":
const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");
Hãy tự mình thử »Sự miêu tả
Phương thức closest()
tìm kiếm các phần tử trong cây DOM phù hợp với bộ chọn CSS được chỉ định.
Phương thức closest()
bắt đầu từ chính phần tử đó, sau đó là các phần tử neo (cha mẹ, ông bà, ...) cho đến khi tìm thấy kết quả khớp.
Phương thức closest()
trả về null()
nếu không tìm thấy kết quả khớp.
Cú pháp
element .closest( selectors )
Thông số
Parameter | Description |
selectors |
Required. One or more (comma separeted) CSS selectors to match. See our Complete CSS Selectors Reference . |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Phần tử tổ tiên gần nhất hoặc chính phần tử đó khớp với (các) bộ chọn CSS được chỉ định. Nếu không tìm thấy kết quả phù hợp, null sẽ được trả về.Ném ra ngoại lệ SYNTAX_ERR nếu (các) bộ chọn không hợp lệ. |
Hỗ trợ trình duyệt
Các phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương thức closest()
:
Chrome 41 |
Edge 15 |
Firefox 35 |
Safari 9 |
Opera 28 |
Mar 2015 | Apr 2017 | Jan 2015 | Oct 2015 | Mar 2015 |