如何使用jQuery在div内动态添加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_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>

我该怎么做这样

解决方法

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

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

原文地址：https://www.jb51.cc/jquery/179872.html