Question

我无法找到一个替代函数来解开元素，就像你可以使用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>

先谢谢你，克里斯。

Answer 1

我总是用jQuery运送我的ExtJS项目进行此类操作，我建议你这样做

它会让你的生活更轻松;）

编辑：

如果您确实需要在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类或任何类上调用一个延伸它

Answer 2

只需使用jQuery。这是最简单的方法，因为ExtJS是一个用户界面工具包，它不会让你这么低级别的操作。所以首先考虑一下。你真的必须操纵DOM树吗？如果是=＆gt;也提供jQuery。

编辑：当然，你可以通过jQuery代码自己启发来实现这个特定的功能;）

在Ext JS中是否有另一种方法，比如jQuery .unwrap方法？

2 个答案: