將某個值從一個元素複製到另一個元素

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> 

Answer 1

您可以直接訪問圖像元素的.width和.height屬性。

的div不具有這些屬性，所以你必須使用CSS來設置它們：

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

Answer 2

使用jQuery：

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

但通常這是錯誤的。你應該有一個CSS來適應你的形象。

Answer 3

我建議，沒有更多的信息：

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

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

參考文獻：

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