Latest web development tutorials
 

jQuery :nth-last-of-type() Selector

< jQuery Selectors

Example

Select each <p> element that is the third <p> element of its parent, counting from the last child:

$("p:nth-last-of-type(3)")
Try it Yourself »

Definition and Usage

The :nth-last-of-type(n) selector selects all elements that are the nth child, of a particular type, of their parent, counting from the last child.

Tip: Use the :nth-last-child() selector to select all elements that are the nth child, regardless of type, of their parent, counting from the last child.


Syntax

:nth-last-of-type(n|even|odd|formula)

Parameter Description
n The index of each child to match.

Must be a number. The first element has the index number 1.
even Selects each even child element
odd Selects each odd child element
formula Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd paragraph

Try it Yourself - Example

Select each <p> element that is the first <p> element> of all <div> element, counting from the last child
How to select each <p> element that is the first <p> element of all <div> elements, counting from the last child.

Using a formula (an + b)
How to use a formula (an + b) to select different <p> elements, counting from the last child.

Using "even" and "odd"
How to use even and odd to select different <p> elements, counting from the last child.

Difference between :nth-child(), :nth-last-child(), :nth-of-type() and :nth-of-last-type()
The difference between p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) and p:nth-of-last-type(2).


< jQuery Selectors