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.


  1. Dol
    Permalink to comment#


    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

  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

  • Use Markdown, and it will escape the code for you, like `<div class="cool">`.
  • Use triple-backticks for blocks of code.
      <h1>multi-line block of code</h1>
      <span>be cool yo.</span>
  • Otherwise, escape your code, like <code>&lt;div class="cool"&gt;</code>. Markdown is just easier though.

Current ye@r *

*May or may not contain any actual "CSS" or "Tricks".