Скопировать определенные значения из одного элемента в другой

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 напрямую.

Divs не имеют этих свойств, так что вы должны использовать 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, который адаптирует div к вашему изображению.

Answer 3

Я хотел бы предложить, не более информации:

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

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

Ссылки:

• find().
• height().
• width().