Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery prependTo() Method

❮ jQuery HTML/CSS Methods

Example

Insert a <span> element at the beginning of each <p> element:

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

Definition and Usage

The prependTo() method inserts HTML elements at the beginning of the selected elements.

Tip: To insert HTML elements at the end of the selected elements, use the appendTo() method.


Syntax

$(content).prependTo(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 at the beginning of the selected elements.
selector Required. Specifies on which elements to prepend the content to

Try it Yourself - Examples

Insert an existing element
How to use the prependTo() method to insert an existing element at the beginning of each selected element.


❮ jQuery HTML/CSS Methods