Treehouse: Grow your CSS skills. Land your dream job.

Last updated on:

Add :nth-of-type to jQuery

$.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.

Comments

  1. Dol
    Permalink to comment#

    Hi,

    This will be nice if you explain with an example.

    With Regards
    Dolendro Oinam

  2. 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?

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

  3. vipin
    Permalink to comment#

    Hi,
    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:

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