将某些值从一个元素复制到另一个元素

Question

我正在尝试使用JavaScript / jQuery将width和height属性从一个元素复制到另一个元素，但无法实现它。

我有类似的东西：

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

Answer 1

使用jquery：

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

但通常那是错的。你应该有一个css，使div适应你的形象。

Answer 2

您可以直接访问图片元素的.width和.height属性。

Divs没有这些属性，所以你必须使用CSS来设置它们：

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

Answer 3

我建议，没有更多信息：

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

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

参考文献：

• find()。
• height()。
• width()。