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>");