一、jquery中的insertAfter的用法
介绍:在指定元素后面添加内容
语法:
$(content).insertAfter(selector)
说明:
参数 | 说明 | content | 插入的内容 | selector | 哪个元素后插入内容 |
示例:
1、需求:在下图中添加一个电话号码
这个时候就可以用到insertAfter了
代码:
<div id="top">
<ul class="ul">
<h2>
<a target="_self" href="" rel="nofollow">
<img
alt=""
id="imgLogo"
align="left"
src="./home_files/201812061529428977954.png"
border="0"
/>
</a>
</h2>
<div class="chinaname">xxxxxxxxxxxxx</div>
<p class="gjcname">智能PDU*研发生产智能PDU电源插座</p>
<div class="li02">
全国免费服务热线:
<br />
<span>18345626541</span>
</div>
</ul>
</div>
<script>
$(function () {
$('<br><span>13479774367</span>').insertAfter('#top .li02 span');
});
</script>
?效果图:
|