jQuery parent () method
Examples
Back <span> immediate parent element:
$("span").parent().css({"color":"red","border":"2px solid red"});
});
result:
- ul (grandparent)
- li (direct parent) span
try it"
Definition and Usage
parent () method returns the immediate parent element of the selected element.
DOM tree: This method is only a single level traverse up the DOM tree. To go up the path until all of the document root element (return grandparent or other ancestor), use parents () or parentsUntil () method.
Tip: To traverse the DOM tree down along a single level, or down to the last traverse path until all progeny (descendants to return the child nodes or other), use children () or find () method.
grammar
| 参数 | 描述 |
|---|---|
| filter | 可选。规定缩小搜索父元素范围的选择器表达式。 |
More examples
Returns the immediate parent element <span> element
How to return directly to the parent element <span> element.
Narrow your search
How to use the filter parameter to return each <span> parent element with a class name of "1" <li> element.
Returns every <p> element's immediate parent element <div> element
How returns every <p> element of all direct parent element of <div> elements.
Ancestor element by element tag name Demo
Demo <span> element ancestors.