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/

示例：

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

希望它有所帮助！

Answer 3

你有没有看到这些函数和示例在函数下面给出，这可能有助于你

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

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() );

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

5 个答案: