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

Question

例如。 這是一些html代碼：

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

我必須在其中放置兩個元素，但是這樣就應該將第二個元素放在第一個元素之下。

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

之后，我的html代碼應如下所示：

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

Answer 1

使用prepend而不是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

嘗試這個：

HTML：

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

J查詢：

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