easy

DocsVersion : 1.0.0

wrap( content )

原型方法Define in : node.js

将匹配元素使用指定元素进行包裹,如果指定的元素已在 DOM 树中,包裹时并不会改变原元素的位置,而是复制一个新的 DOM 元素去包裹匹配的元素。如果要去掉包裹,请使用 unwrap

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

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

返回值
  • easyJS Object

    返回 easyJS Object 便于链式调用。

例子1

使用新建的 div 元素包裹 p 元素,参数是HTML字符串。

para1

<p id="para1">para1</p>
E( '#para1' ).wrap( '<div style="background-color:#ccc"/>' );

运行

例子2

使用 a 元素来包裹 span 元素,参数是 DOM 元素。

span link
<span id="demoSpan1">span </span><a href="#" id="demoLink1">link </a>
E( '#demoSpan1' ).wrap( E.query('#demoLink1')[0] );

运行

例子3

使用 a 元素来包裹 span 元素,参数是 easyJS Object。

span link
<span id="demoSpan2">span </span><a href="#" id="demoLink2">link </a>
E( '#demoSpan2' ).wrap( E('#demoLink2') );

运行