Example of closest () function usage in jQuery _ jquery

This article mainly introduces the usage of the closest () function in jQuery. It analyzes the functions, definitions, and various techniques for matching elements of the closest () function, for more information about how to use the closest () function in jQuery, see the following example. Share it with you for your reference. The specific analysis is as follows:

Starting from the element itself, this function matches the parent element step by step and returns the first matched element.
The closest () function first checks whether the current element matches. If yes, the function returns the element itself. If there is no match, the parent element is searched up, and the parent element is located up one layer until the element matching the selector is found. If nothing is found, an empty jQuery object is returned.

Syntax structure 1:

The Code is as follows:

$ (Selector). closest (expr, context)

Parameter List:

Parameters	Description
Expr	Expression used to filter elements
Context	Optional. Used as the DOM element set or document to be searched.

Instance code:

Instance 1:

The Code is as follows:

Closest () function-script house