Tutorials References Exercises Videos NEW Menu
Paid Courses Website NEW

jQuery insertBefore() Method

❮ jQuery HTML/CSS Methods

Example

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

$("button").click(function(){
  $("<span>Hello world!</span>").insertBefore("p");
});
Try it Yourself »

Definition and Usage

The insertBefore() method inserts HTML elements before the selected elements.

Tip: To insert HTML elements after the selected elements, use the insertAfter() method.


Syntax

$(content).insertBefore(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 before the selected elements.
selector Required. Specifies where to insert the content

Try it Yourself - Examples

Insert an existing element
How to use the insertBefore() method to insert an existing element before each selected element.


❮ jQuery HTML/CSS Methods