Return the first ancestor of <span>, that is an <ul> element:
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:
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:
|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|
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
Using both parameters to pass in a DOM element as the context within which to search for the first <ul> element.