X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery insertAfter() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

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

$("button").click(function(){
  $("<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.


Syntax

$(content).insertAfter(selector)

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


Examples

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 jQuery HTML/CSS Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook