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

Answer 2

您所追求的是：

http://api.jquery.com/height/

示例：

var elementAheight = $('#elementA').height();

但是，如果 elementA 有边距，您可能需要这样：

http://api.jquery.com/outerHeight/< /a>

示例：

var elementAoutheight = $('#elementA').outerHeight();

希望有帮助！

Answer 3

您是否看过这些函数以及函数下面给出的示例，这可能会帮助您

http://api.jquery.com/高度/

http://api.jquery.com/width/

Answer 4

$('#element_B').css("top", $("#element_a").css("top"));

但我建议先缓存它，然后再用于其他情况

var topVal = $("#element_a").css("top");
 $('#element_B').css("top", topVal);
 $('#element_C').css("top", topVal);

Answer 5

它应该是这样的

$("#elemA").height( $("#elemB").height() );