Question

如何为一个元素设置样式并将其放入另一个元素？我的目标是摆脱包装器和.ui-resizable处理程序，只留下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">

Answer 1

我是JQuery的新手，只有几个月的经验。但是，我认为这应该有效。

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

然后你可以删除包装器或做你需要做的任何事情。要从包装器中解包，http://api.jquery.com/unwrap/应该很有用。

Answer 2

你应该把风格放到课堂上。例如：

<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');

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

2 个答案: