Add something after the "n" element using jQuery

Question

For a markup like ```

div 1

div 2

div 3

div 4

``` how do add some markup after the second DIV for instance?

Accepted Answer

Try the CSS selector `:nth-child()`: ``` $("#holder > div:nth-child(2)").after("

foobar

"); ``` See also the example on the jQuery page of the `:nth-child()` selector.

Solution