jQuery Tutorial Tutorials - jQuery .appendTo() method

jQuery .appendTo() method

The .appendTo(target) method in jQuery is used to insert every matched element to the end of target.

jQuery .appendTo() method Syntax

.appendTo(target)
Parameter Type Description
target htmlString,element(s),text,jQuery object DOM target to be appended to.

.appendTo(target)

example

appendTos text to all paragraphs
HTML

<p>Learn JavaScript</p>
<p>Learn jQuery</p>
<p>Learn Python</p>

jQuery

$("<strong> on Lautturi.com </strong>").appendTo("p");

Result

<p>Learn JavaScript<strong> on Lautturi.com</strong></p>
<p>Learn jQuery<strong> on Lautturi.com</strong></p>
<p>Learn Python<strong> on Lautturi.com</strong></p>

Try now

example

Move the dom element (not clone)
HTML

<h2>tutorial</h2>
<div id="container">
    <p>Learn JavaScript</p>
    <p>Learn jQuery</p>
    <p>Learn Python</p>
</div>

jQuery

$("h2").appendTo($('#container'));

Result

<div id="container">
    <p>Learn JavaScript</p>
    <p>Learn jQuery</p>
    <p>Learn Python</p>
    <h2>tutorial</h2>
</div>

Try now

Date：2019-08-21 12:19:25 From:www.Lautturi.com author：Lautturi
.append() method
.before() method