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

您可以直接访问图像元素的.width和.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