easy

DocsVersion : 1.0.0

prependTo( content )

原型方法Define in : node.js

将匹配的元素插入到一个指定元素的内部起始位置前。prependTo 是将自己插入到指定元素内,prepend 是将指定的内容插入到自己的内部。如果要将匹配元素追加到指定元素内部的末尾处,请使用 appendTo

参数
  • content
    htmlString|
    Element|
    Element Array|
    easyJS Object
    必需

    content 可以是 HTML 字符串、DOM 元素、DOM 元素数组、easyJS Object。

返回值
  • easyJS Object

    返回 easyJS Object 便于链式调用。

例子1

将新建的 span 元素插入到一个 div 元素内部的起始位置处,参数是 DOM 元素。

box1
<div id="box1">box1</div>
E( '<span>new span </span>' ).prependTo( E.query('#box1')[0] );

运行

例子2

将 em 元素插入到一个新建的 p 元素内部的起始位置处,然后将该 p 元素插入到 div 元素内部的起始位置处。

em1
box2
<em id="demoEm1">em1</em>
<div id="box2">box2</div>
E( '#demoEm1' ).prependTo( '<p/>' )
    .parent()
    .prependTo( E.query('#box2')[0] );

运行

例子3

将 span 元素插入到 a 元素内部的起始位置处,参数是 easyJS Object。

span link
<span id="demoSpan1">span </span><a href="#" id="demoLink1">link </a>
E( '#demoSpan1' ).prependTo( E('#demoLink1') );

运行

例子4

将新建的 a 元素同时插入到多个 dd 元素内部的起始位置处,参数是 DOM 元素数组。

list3
span1
span2
<dl id="demoList3">
    <dt>list3</dt>
    <dd><span>span1</span></dd>
    <dd><span>span2</span></dd>
</dl>
E( '<a href="#">new link </a>' ).prependTo( E.query('#demoList3 dd') );

运行

查看其它 DOM 元素的插入方法
afterprototype
afterToprototype
appendprototype
appendToprototype
beforeprototype
beforeToprototype
prependprototype