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

比如说。以下是一些html代码：

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

我必须把两个元素放在这里，但这样应该把第二个元素放在第一个元素的下面

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

$（“.elements块”）。追加（“第一个元素”
”；
$（“.elements块”）。追加（“第二个元素”
”；

在此之后，我的html代码应如下所示：

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

第二要素

第一要素

使用

prepend

而不是

append

$（“.elements块”）。追加（“第一个元素”
”；
$（“.elements块”）.prepend（“第二个元素”
”
试试这个：

HTML:




J-Query：

$（“.elements块p”）。追加（“第一个元素”
”；
$（“.elements块p”）。追加（“第二个元素”
”；
您需要
第一个元素
第一个元素还是第二个元素？@AnkitAgarwal我想添加一些项目，但这样会颠倒过来（不是从第一个到第三个，而是从第三个到第一个），非常感谢。那正是我要找的for@JoeDoe太好了。如果它解决了你的目的，请接受它作为回答。
<div class="elements-block">
<p></p>
</div>

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