0

如何为一个元素获取样式并将其放入另一个元素中？我的目标是摆脱包装器和 .ui-resizable-handlers 并只留下 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">
4

2 回答 2

0

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

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

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

于 2013-10-09T08:31:40.607 回答
0

你应该把风格融入课堂。例如：

<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');
于 2013-10-09T08:44:57.930 回答