W3Schools.com
THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPJQUERYBOOTSTRAPANGULARXML
 

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