javascript - ある要素から別の要素に特定の値をコピーする

Question

JavaScript / jQueryを使用して、幅と高さの属性をある要素から別の要素にコピーしようとしていますが、実装できません。

私はそのようなものを持っています：

<div id="two">

<img src="picture.jpg" id="one" width="600px" height="300px" />

</div>

そして私はこれを手に入れたい：

<div id="two" width="600px" height="300px" >

<img src="picture.jpg" id="one" width="600px" height="300px" />

</div>

score 3 · Accepted Answer

jquery の場合:

var $one = $('#one');
$('#two').attr('width', $one.attr('width'))
.attr('height', $one.attr('height'));

しかし、通常それは間違っています。div を画像に適合させる css が必要です。

score 2 · Accepted Answer

.widthimage 要素のおよび.heightプロパティに直接アクセスできます。

div にはこれらのプロパティがないため、CSS を使用して設定する必要があります。

var img = $('#one').get(0);
$('#two').css({ width: img.width, height: img.height });

score 1 · Accepted Answer

詳細な情報なしで、私はお勧めします：

var el = $('#two'),
    img = el.find('img');

el.css({'height' : img.height(), 'width' : img.width()});

参考文献:

3 に答える 3