jQuery - 如何获取元素高度值并通过css代码在另一个元素中使用它？

Question

我想得到高度(或宽度......并不重要),element A并使用该高度将css设置为element B...喜欢

$('#element_B').css({ 'top','element_A_height' })

这里有一个小例子..我知道javascript甚至不接近有效的东西,我只是想解释一下我想要发生什么..

http://jsfiddle.net/cJdXg/

我不知道如何实现这个......任何想法？

Answer 1

以下是您想要实现的目标示例:http://jsfiddle.net/cJdXg/2/

HTML:

<div id="BoxeeBox">Lorem ipsum dolor. #boxeeBox</div>
<div id="emptyBox1">#emptyBox1</div>
<div id="emptyBox2">#emptyBox2</div>

JavaScript的:

var BoxeeBox = $('#BoxeeBox'); /* cache the selector */

$('#emptyBox1').css({ width: BoxeeBox.width() });
$('#emptyBox2').css({ height: BoxeeBox.height() });

CSS:

div { background: #b6d754; color: #ffffff; padding: 10px; margin: 5px; float: left; clear: both; border-radius:10px; }