jQuery :first-of-type Selector
jQuery SelectorsExample
Select every <p> element that is the first <p> element of its parent:
$("p:first-of-type")
Try it yourself »
Definition and Usage
The :first-of-type selector selects all elements that are the first child, of a particular type, of their parent.
Tip: This is the same as :nth-of-type(1).
Tip: Use the :last-of-type selector to select all elements that are the last child, of a particular type, of their parent.
Syntax
$(":first-of-type")
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, :first-child and :first-of-type
Show the difference between the :first, :first-child and :first-of-type selectors.
