.insertAfter()

.insertAfter( target )

• 返回: domtify

将匹配元素集合中的每个元素插入目标之后。

.insertAfter( target ) from @1.0

• target
  • 类型: Selector |htmlString | Element | Array | domtify
  • 描述: 选择器、元素、元素数组、HTML 字符串或 jQuery 对象；匹配的元素集将插入此参数指定的元素之后。

.after()和.insertAfter()方法执行相同的任务。主要区别在于语法,简单理解就是内容和目标的位置。

想象有以下html片段

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

我们可以创建内容并将其一次插入到多个元素之后：

d("<p>Test</p>").insertAfter(".inner")

每个内部<div>元素都会获得以下新内容：

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