Javascript 如何将样式从一个元素传递到另一个元素？

如何将一个元素的样式转换为另一个元素？我的目标是摆脱包装器和.ui可调整大小的处理程序，只留下img，但用替换的样式形成包装器。 可能吗

<div class="ui-wrapper ui-draggable" style="overflow: hidden; position: absolute; width:  492px; height: 411px; top: 105px; left: 409px; margin: 0px;">

    <img id="link1" style="position: static; margin: 0px; resize: none; zoom: 1; display: block; height: 411px; width: 492px;" src="http://i.imgur.com/gKY7j0l.jpg" class="ui-resizable">

    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;">
    </div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;">
    </div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;">
    </div>
</div>

因此，在本例中，结果将是具有包装器样式的img：

<img id="link1" style="overflow: hidden; position: absolute; width:  492px; height: 411px; top: 105px; left: 409px; margin: 0px;" src="http://i.imgur.com/gKY7j0l.jpg" class="ui-resizable">

---

我是JQuery的新手，只有几个月的经验。 不过，我认为这应该行得通

var hold = $('div.ui-wrapper.ui-draggable').attr('style');
$('#link1').attr('style',hold);

然后，您可以移除包装器或执行任何必须执行的操作。

---

从包装中展开应该很有用。

您应该将样式放入类中。例如：

<div class="ui-wrapper ui-draggable" style="overflow: hidden; position: absolute; width:  492px; height: 411px; top: 105px; left: 409px; margin: 0px;">

<img id="link1" style="overflow: hidden; position: absolute; width:  492px; height: 411px; top: 105px; left: 409px; margin: 0px;" src="http://i.imgur.com/gKY7j0l.jpg" class="ui-resizable">

---

你自己试过吗？

<div class="ui-wrapper ui-draggable WRAP">
<img id="link1" class="ui-resizable WRAPIMG">

$('#link1').unwrap().removeClass('WRAPIMG').addClass('WRAP');