jQuery insertAfter() Method

jQuery HTML/CSS Methods

The insertAfter() method inserts the specified HTML element after the selected element.

To insert an HTML element before the selected element, useinsertBefore()method.

Inafter()Performs the same task as the insertAfter() method. The main difference is in the syntax:

• Useafter()The expression is chosen before the function, and the parameter is the content to be inserted.

• UseinsertAfter()is exactly the opposite, the content is in front of the method, and it will be placed after the element specified by the parameter.

Syntax:

$(content).insertAfter(selector)

Example

Insert an HTML element after each paragraph:

$("button").click(function(){
　　$("<p　style="39;color:red;'>Hello　world</p>").insertAfter("p");
});

Use the insertAfter() method to insert an existing element after each selected element:

$("button").click(function(){
　　$("h1").insertAfter("p");
});

Parameter Value

jQuery HTML/CSS Methods