The appendTo() method inserts HTML elements at the end of the selected elements and To insert HTML elements at the beginning of the selected elements, use the prependTo() method.
Method Syntex:
$(content).appendTo(selector)
|
Example :1
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("<span>Hello World! how are you ? </span>").appendTo("p");
});
});
</script>
</head>
<body>
<button>Insert span element at the end of each p element</button>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
|
both the append() and prepend() methods can take an infinite number of new elements as parameters. The new elements can be generated with text/HTML , with jQuery, or with JavaScript code and DOM elements.
