JS / JQ如何将下面的元素附加到div？

Question

For example. Here's some html code:

<div class="elements-block">
</div>

I have to put there two elements but that way should put second element below of first.

$(".elements-block").append("<p>First element</p>");
$(".elements-block").append("<p>Second element</p>");

After this my html code should look as this:

<div class="elements-block">
    <p>Second element</p>
    <p>First element</p>
</div>

Answer 1

Use prepend instead of append

 $(".elements-block").append("<p>First element</p>"); $(".elements-block").prepend("<p>Second element</p>"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="elements-block"></div> 

Answer 2

Try This:

HTML:

<div class="elements-block">
<p></p>
</div>

J-Query:

$(".elements-block p").append("<p>First element</p>");
$(".elements-block p").append("<p>Second element</p>");