JQuery 提供了专门的after()方法，用于在指定元素后追加内容。

.after( content [, content ] )

描述: 在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点。

参数：content 类型可以是 String, Element, jQuery 甚至 Function。

示例：

Html代码：

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

JQuery代码：

$('.inner').after('<p>Test</p>');

执行完的Html代码，每个内部的 <div> 元素后面追加了新的内容：

<div class="container">
  <h2>Greetings</h2>
  <div class="inner">Hello</div>
  <p>Test</p>
  <div class="inner">Goodbye</div>
  <p>Test</p>
</div>
(adsbygoogle = window.adsbygoogle || []).push({});