根据定义的div设置多个div高度

Question

如何让<div A>和<div C>在javascript / jquery中与<div B>具有相同的高度？

<div id="wrapper">
  <div id="divA"></div>
  <div id="divB"></div>
  <div id="divC"></div>
</div>

<script>
 $('#divA').css('height', $('#divB').innerHeight());
 $('#divC').css('height', $('#divB').innerHeight());
</script>

Answer 1

尝试

$("#divA, #divC").height($("#divB").height());

＆＃13;

＆＃13;

$("#divA, #divC").height($("#divB").height());

＆＃13;

#divA, #divC {
  height: 50px;
  width:50px;
  background:gold;
}

#divB {
  height: 100px;
  width:50px;
  background:red;
}

div {
  display:inline-block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="wrapper">
  <div id="divA"></div>
  <div id="divB"></div>
  <div id="divC"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试试此演示：fiddle

var selDivB = $('#divB').height();
$('#divA, #divC').height(selDivB);