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

スタイルをクラスに組み込む必要があります。例えば：

<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">

次に、次のように sth を使用できます。

$('#link1').unwrap().removeClass('WRAPIMG').addClass('WRAP');
于 2013-10-09T08:44:57.930 に答える