jQuery | :parent Selector
The :parent selector in jQuery is used to select all elements that are the parent of another element, including text nodes.
Syntax:
$(":parent")
Example:
<!DOCTYPE html> < html > < head > < title > jQuery :parent() Selector </ title > < script src = </ script > < script > $(document).ready(function() { $("li:parent").css( "background-color", "green"); }); </ script > </ head > < body > < center > < h1 id = "geeks1" > GeeksForGeeks</ h1 > < h2 id = "geeks2" > jQuery :parent() Selector </ h2 > < div > < li >Geek1</ li > < li ></ li > < li >Geek3</ li > < li >Geek4</ li > < li ></ li > < li >Geek6</ li > </ div > </ center > </ body > </ html > |
chevron_right
filter_none
Output:
Supported Browsers: The browser supported by jQuery :parent Selector are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Recommended Posts:
- jQuery | parent descendant Selector
- jQuery | parent > child Selector
- SASS | Parent Selector
- jQuery | parent() & parents() with Examples
- JQuery | Get the n-th level parent of an element
- jQuery | * Selector
- jQuery | #id Selector
- jQuery | :odd Selector
- jQuery | :contains() Selector
- jQuery | :not() Selector
- jQuery | :has() Selector with example
- jQuery | :lt() Selector
- jQuery | :even Selector
- jQuery | :gt() Selector
- jQuery | :last Selector
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.