X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery appendTo() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

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

$("button").click(function(){
  $("<span>Hello World!</span>").appendTo("p");
});

Try it yourself »

Definition and Usage

The appendTo() method inserts HTML elements at the end of the selected elements.

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


Syntax

$(content).appendTo(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 end of the selected elements.
selector Required. Specifies on which elements to append the content to


Examples

Try it Yourself - Examples

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


jQuery HTML/CSS Methods jQuery HTML/CSS Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook