jQuery实现移动div到指定id元素后面

做网站的时候，偶尔会遇到页面主div位置不确定，想给主div增加附属功能，不好定位位置的情况。这里就来教你通过jQuery来移动附属div的位置始终在主div后面出现。

比如我有个音频Audio标签，我想给他增加一组播放控制按钮始终显示在他下面，怎么办？具体看下面的代码演示：

<!-- 引入jQuery库文件 -->
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>

<div id="anq">
<a href="#" >播放/暂停</a>
<a href="#" >重新开始</a>
<a href="#" >下载音频</a>
</div>

<audio  src="/upload/1616382683569438.mp3" id="myaudio" ></audio>

<!-- 移动div位置 -->
<script language="javascript">

$("#anq").insertAfter($("#myaudio")); //这样就会把id="anq"的div移动到 id="myaudio" 的Audio标签后面

</script>

通过上面的方法，就可以实现id="anq"的div始终跟着Audio标签后面跑了。