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. User Avatar
    Dol
    Permalink to comment#

    Hi,

    This will be nice if you explain with an example.

    With Regards
    Dolendro Oinam

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

    • User Avatar
      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
      $(“textarea:nth-of-type(4n)”)

  3. User Avatar
    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

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

Submit a Comment

icon-closeicon-emailicon-linkicon-menuicon-searchicon-tag