Finds all the parent elements of the current element until the matching element is encountered
If the provided jquery represents a set of DOM elements, the. Parentsuntil () method also allows us to search through the ancestor elements of all elements until we encounter an element that matches the supplied parameter. The returned jquery object contains all of the following parent elements found, but does not include the element to which the selector matches
[Expr] [, Filter]
Expr: An expression used to filter ancestor elements
Filter: A string that contains a selection expression matching element
[element] [, Filter]
element: The DOM element used to filter ancestor elements
Filter: A string that contains a selection expression matching element
Instance:
;} Html{font:15px/1.2em ' Courier New '; color: #666; width:750px;margin:25px auto;} div > p{white-space:pre-wrap;margin:15px 0;} Div>*{text-indent:8px;} . Hover{color: #FF96EC;}</style><script type= ' Text/javascript ' > $(function(){ /*find the parent element between "Img.pic" and ". List", which is not a ". List" element node, if you do not specify a parameter, you always find the root node (HTML)*/ //$ (' img.pic '). Parentsuntil ('. List '). addclass (' hover '); /*The first parameter can be a DOM element, and a second parameter can be passed inside the method, which can be used to limit the scope.*/ varList = document.getelementsbyclassname (' list '); $(' Img.pic '). Parentsuntil (list, ' Li '). addclass (' hover ')); });</script>
[jquery Filter Parentsuntil ([Expr|element][,filter])] This method is used to search for all parental elements of the current element on top of the selector until it encounters the element that matches the expression and qualification criteria