jQuery :first-of-type Selector

jQuery Selectors

:first-of-type selector selects all elements that are the first child of the parent element of a specific type.

This is similar to the :nth-of-type(1）is the same.

Using:last-of-typeThe selector can select all elements that are the last child of the parent element of a specific type.

Syntax:

$":first-of-type")

Example

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

$("document").ready(function(){
　　$("p:first-of-type").css("background", "coral");
});

Select the first <p> element within all <div> elements:

$("document").ready(function(){
　　$("div　p:first-of-type").css("background", "coral");
});

jQuery Selectors