JSer对象 prependTo(content)
描述:
将DOM元素追加到content内部最开头.
注意:如果content中包含多个DOM元素,将在每个元素内部开头都进行追加.
此方法颠倒了
prepend(content)操作,即该操作是把content追加到当前对象,而此方法刚好相反,是把当前对象追加到content。
参数:
参数 |
类型 |
说明 |
content |
DOM
HTML
selector
JSer
Array |
采用JSer(content)将其封包成JSer对象 |
返回:
JSer |
追加到content开头的那些DOM元素封包成的JSer。 |
特别注意: |
返回的JSer对象已经不是调用此方法之前的那个对象,同时,调用前后两个对象的length属性也不一定相等(这由content的元素个数决定)。 不过您可以通过调用返回的对象的end()方法,来获取调用前的JSer对象的引用。 |
示例1:
html代码:
<div id="mydiv">content.</div>
js代码:
JSer("<span>text</span>").prependTo("#mydiv");
结果:
<div id="mydiv"><span>text</span>content.</div>
示例2:
html代码:
<div id="mydiv">div</div>
<p id="myp">p</p>
js代码:
JSer("#myp").prependTo("#mydiv");
结果:
<div id="mydiv"><p id="myp">p</p>div</div>
<p id="myp">p</p>
特别提示:
从示例2可以看出,在追加到其它元素后,原来的"#myp"元素本身仍然存在,也就是说程序是先对其进行克隆,以其副本去进行prepend.而有些时候,我们不想再保留原来的元素,因此可以将示例2的js代码改成:
JSer("#myp").remove().prependTo("mydiv");
这样,得到的结果就是:
<div id="mydiv"><p id="myp">p</p>div</div>
请参考: