Как получить значение высоты элементов и использовать его в другом элементе с помощью кода 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();

однако, если элементA имеет поля, вы можете захотеть нам это:

http://api.jquery.com/outerHeight/

Пример:

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

Надеюсь, это поможет!

Answer 3

вы видели эти функции и примеры, приведенные ниже функций, это может помочь вам

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

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

Answer 4

должно быть что-то вроде

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

Answer 5

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

Но я предлагаю сначала его кешировать и использовать для другого случая

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