The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Add :nth-of-type to jQuery

Last updated on:
$.expr[':']['nth-of-type'] = function(elem, i, match) {
    var parts = match[3].split("+");
    return (i + 1 - (parts[1] || 0)) % parseInt(parts[0], 10) === 0;

See the original article for more info on adding the other "of type" selectors.


  1. Dol
    Permalink to comment#


    This will be nice if you explain with an example.

    With Regards
    Dolendro Oinam

  2. kumar
    Permalink to comment#

    how to mention the type to select the nth of type. For example if I have to develop 4th text box, how do I do it?

    • lukeluukeluuuke
      Permalink to comment#

      $(“textarea:nth-of-type(4)”) That will target the 4th Textarea, if you want every 4th textarea then you will need

  3. vipin
    Permalink to comment#

    i am new here ,
    i want to ask how to use more then one different types and different versions of jquerys in one
    html page . plz reply me

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed