.closest()

Closest element of the element itself and its ancestors, in order from the element to the root.

let result = element.closest(selectors);

Returns the first (starting at element) inclusive ancestor that match selectors.

Examples

HTML:

<ul class="list-one">
    <li class="one">Item 1</li>
    <li>
        <ul class="list-two">
            <li class="two">Item 2</li>
            <li class="three">Item 3</li>
        </ul>
    </li>
</ul>

Example 1

JavaScript:

let result = document.query(".two").closest("ul");

Result is the <ul class="list-two">...</ul> element.

Example 2

JavaScript:

let result = document.query(".two").closest("li");

Result is the <li class="two">Item 2</li> element.

Example 3

JavaScript:

let result = document.query(".two").closest(".list-one");

Result is the <ul class="list-one">...</ul> element.