jQuery :first-child Selector

jQuery Selectors jQuery Selectors

Example

Select every <p> element that is the first child of its parent:

$("p:first-child")

Try it yourself »

Definition and Usage

The :first-child selector selects all elements that are the first child of their parent.

Tip: Use the :last-child selector to select elements that are the last child of their parent.


Syntax

$(":first-child")

Examples

Try it Yourself - Examples

Select the first <p> element of all <div> elements
How to select the first <p> element of all <div> elements.

Difference between :first and :first-child
Show the difference between the :first and :first-child selectors.

Difference between :first, :first-child and :first-of-type
Show the difference between the :first, :first-child and :first-of-type selectors.


jQuery Selectors jQuery Selectors


SHARE THIS PAGE

COLOR PICKER

colorpicker





Search w3schools.com:

Translate w3schools.com: