Ext JS中是否有替代方法,比如jQuery .unwrap方法

Is there an alternative way in Ext JS, like the jQuery .unwrap method?

本文关键字:方法 比如 jQuery unwrap JS 是否 Ext      更新时间:2023-09-26

我找不到一个可以像使用jQuery那样展开元素的替代函数。还有别的办法吗?

我的目标是存档这段代码,并复制它的所有属性到它的子元素。并删除父元素

<div class="abc" myid="123" position="2">
<span class="someblock">
    <p>Some paragraph</p>
    <img width="140px; height: 140px;" class="myimg" src="http://www.urltoimage.com/image.png">
</span>
</div>

结果应该是:

<span class="someblock abc" myid="123" position="2">
<p>Some paragraph</p>
<img width="140px; height: 140px;" class="myimg" src="http://www.urltoimage.com/image.png" />
</span>

提前谢谢你,Chris。

我总是在ExtJS项目中使用jQuery来完成这些操作,我建议你也这样做

这会让你的生活更轻松;)

编辑:

如果你严格需要在ExtJS中这样做,你将需要一个Ext.dom.Element并对其进行操作。Ext.get('id')将为您提供一个。

unwrap: function() {
    parent = this.parent().dom;
    this.insertBefore(parent );
    // code for copy the styles, classes & attributes here
    parent.destroy();
    return this;
}

该方法应该在Ext.dom.Element类或任何一个扩展它

就用jQuery吧。这是最简单的方法,因为ExtJS是一个用户界面工具包,它不允许这样的低级操作。首先考虑一下。您真的必须操作DOM树吗?如果是=>也提供jQuery

编辑:当然,您可以自己简单地实现这个特定的函数受jQuery代码的启发;)