.before()

.before( content [, content ] )

• 返回: domtify

在元素之前插入内容

.before( content [, content ] ) from @1.0

• content
  • 类型: htmlString | Element | Text | Array | domtify
  • 描述: HTML 字符串、DOM 元素、文本节点、元素和文本节点数组或 domtify 对象，插入到匹配元素集中的每个元素之前。
• content
  • 类型: htmlString | Element | Text | Array | domtify
  • 描述: 要在匹配元素集的每个元素前插入一个或多个额外的 DOM 元素、文本节点、元素和文本节点数组、HTML 字符串或 domtify 对象。

.before( function ) from @1.0

• function
  • 类型: Function( Integer index) => htmlString | Element | Text | domtify
  • 描述: 返回 HTML 字符串、DOM 元素、文本节点或 domtify 对象，用于插入到匹配元素集合中每个元素之前。该函数接收元素在集合中的索引位置作为参数。在函数内部，this引用集合中的当前元素。

.before( function-html ) from @1.0

• function-html
  • 类型: Function( Integer index,String html) => htmlString | Element | Text | domtify
  • 描述: 返回 HTML 字符串、DOM 元素、文本节点或 domtify 对象，用于插入到匹配元素集合中每个元素之前。接收元素在集合中的索引位置和元素的旧 HTML 值作为参数。在函数内部，this引用集合中的当前元素。

.before()和.insertBefore()方法执行相同的任务。主要区别在于语法,简单理解就是内容和目标的位置。使用 时.before()，要插入的内容来自方法的参数。

例子：

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

可以创建内容然后一次插入到多个元素之前：

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

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

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