jQuery insertAfter() 方法都用于在选定元素之后以相邻的身份插入附加html内容。
语法
$(content).insertAfter(selector)
方法参数
参数 | 说明 |
---|---|
content | 为必填参数。指定要插入的内容。 |
selector | 也是必填参数。它指定您插入内容的位置。 |
例子
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("<span><b>welcome yxjc123.com</b></span>").insertAfter("p");
});
});
</script>
</head>
<body>
<button>在每个 p 元素之后插入 span 元素</button>
<p>这是一个面试教程网站。</p>
<p>这是一个基础教程网站。</p>
</body>
</html>