HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery :first-of-type Selector

jQuery Selectors jQuery Selectors

Example

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")


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, :first-child and :first-of-type
Show the difference between the :first, :first-child and :first-of-type selectors.


jQuery Selectors jQuery Selectors


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE