jquery - 如何使用 jQuery 在 div 中动态添加 div。它也应该首先显示？

Question

我有一个这样的父 div。

<div id='parent'>
   <div id='child_1'>........</div>
   <div id='child_2'>........</div>
   <div id='child_3'>........</div>
   <div id='child_4'>........</div>
</div>

我想像这样添加一个 div:

<div id='page_number'> You are watching 5th object out of 100 </div>

在父 div 中，我正在使用 append 来做到这一点。

$("#parent").append("<div id='page_number'> You are watching 5th object out of 100 </div>");

但它在 child_4 th div 之后出现。但我需要将它显示在 child_1 的正下方。应该是这样的

<div id='parent'>
   <div id='page_number'> You are watching 5th object out of 100 </div>
   <div id='child_1'>........</div>
   <div id='child_2'>........</div>
   <div id='child_3'>........</div>
   <div id='child_4'>........</div>
</div>

我该怎么做。

Answer 1

利用 jquery 函数 .prepend() : 将参数指定的内容插入到匹配元素集合中每个元素的开头

$('Selector ').prepend($('<div> new div </div>'));