Return the first ancestor of <span>, that is an <ul> element:
Result:
The closest() method returns the first ancestor of the selected element.
An ancestor is a parent, grandparent, great-grandparent, and so on.
The DOM tree: This method traverse upwards from the current element, all the way up to the document's root element (<html>), to find the first ancestor of DOM elements.
This method is similar to parents(), in that they both traverse up the DOM tree. The differences are as follows:
closest()
parents()
Other related methods:
Return the first ancestor of the selected element:
Return the first ancestor using a DOM context to look up the DOM tree within:
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 |
Return
the first ancestor of <span>, that is a <span> element
Because this method begins with the current element, a search for the first
<span> of <span>, will return <span>.
Pass in a DOM element as the context within which to search for the first
ancestor element
Using both parameters to pass in a DOM element as the context within which to
search for the first <ul> element.