Example

Insert 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 markup or existing elements before the selected elements.

Note: If this method is used with existing elements, they will be moved from their current position, and inserted before the selected elements.

Syntax

$(content).insertBefore(selector)

Parameter Description
content Required. Specifies the content to insert. Possible values:
  • A selector expression
  • HTML markup
selector Required. Specifies where to insert the content


Examples

Try it Yourself - Examples

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