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