Tutorials References Exercises Bootcamp Menu
Sign Up Create Website Get Certified Pro

jQuery insertAfter() Method

❮ jQuery HTML/CSS Methods


Insert a <span> element after each <p> element:

  $("<span>Hello world!</span>").insertAfter("p");
Try it Yourself »

Definition and Usage

The insertAfter() method inserts HTML elements after the selected elements.

Tip: To insert HTML elements before the selected elements, use the insertBefore() method.



Parameter Description
content Required. Specifies the content to insert (must contain HTML tags).

Note: If content is an existing element, it will be moved from its current position, and inserted after the selected elements.
selector Required. Specifies where to insert the content

Try it Yourself - Examples

Insert an existing element
How to use the insertAfter() method to insert an existing element after each selected element.

❮ jQuery HTML/CSS Methods