如何使用jQuery在div内动态添加div.它还应该首先显示吗?

前端之家收集整理的这篇文章主要介绍了如何使用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.f2er.com/jquery/179872.html

猜你在找的jQuery相关文章