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

The jQuery :nth-last-of-type() selector selects all child items of their parent with matching element type. You have to specify the position of the element to select the required elements.

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

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

The syntax of jQuery :nth-last-of-type() selector is given below.


The selector requires a single argument of the required type to select. You have to specify the tag name before the selector name. By doing this, you can select items from the required group element.

The description of the parameters of the selector is given below.

Description of Parameters

Parameter Name Description
number The number is the position of the element you want to select. It starts at 1 for the group element.
even Select alternate items that are even items of the group elements like table and list.
odd Select alternate items that are placed in the odd position of the group elements like table and list.
equation It is a formula which comes from the equation an+b to select the required elements. Let’s take an example, if you want to select element present in position 1, 3, 5,…n. You have to specify 2n+1as the equation formula to specify as an argument of the selector. You can solve the argument by putting the value of n as 0,1,2,…n.

jQuery :nth-last-of-type() Selector Select Specified Table Row

You can specify the exact position of the item to select the exact group element. The position of the group element starts from 1. The selector :nth-last-of-type() counts the elements from the end of the group element.

Let’s make it more clear with the example given below.


Test it Live


Cricketer Name Type
Sachin Tendulkar All Rounder
Virat Kohli Batsman
Rohit Sharma Batsman
Chris Gayle Batsman
Team Saudi All Rounder

You have to use the button given above to click and get the resulted output. The selector applies the background color to the 5th element as it counted the position from the end. The background color is ‘yellow’ to highlight the select item.

Select Specified List Item Using the Selector

Let’s use the jQuery :nth-last-of-type() selector with the list element. Suppose there are 5 items in the list element and you have to select the fourth item.

If you want to select the 4th item, you have to specify 2 as the argument of the selector as it counts from the end. It selects the 2nd last element of the list which you can check in the example below.


Test it Live


  • Cricket
  • Football
  • VolleyBall
  • Basketball
  • Wrestling

When you click the button given in the example above, it applies the ‘red’ color to the 2nd last item of the list element. However, you can apply other effects to elements after selection using jQuery.

I hope you like this tutorial of jQuery :nth-last-of-type selector to select all elements counted from the end. If you have any queries regarding the tutorial, please comment below.

Also tell me, what other methods you are using with the selector by commenting below.